/* Atrix branded loading spinner - overrides SuiteCRM's default cube-grid
   full-page spinner with the animated Atrix logo. Loaded after the
   compiled dist/styles.*.css bundle (see dist/index.html), so this
   cascade wins with zero Angular source changes/rebuild - same "static
   overlay" pattern as public/custom-login/ (see project memory).

   IMPORTANT: the actual compiled component CSS (bundled inside
   dist/main.*.js, confirmed via direct inspection) uses Angular's view
   encapsulation attribute selectors, e.g.
   ".sk-cube-grid[_ngcontent-%COMP%]{width:4.25em;height:4.25em}" - that
   attribute selector has HIGHER specificity than a plain ".sk-cube-grid"
   class selector, so every declaration below needs !important to reliably
   win regardless of exact specificity math (same lesson as the AtrixCRM
   dashboard KPI-card fix in a separate project). Scoped under
   ".app-overlay" (the full-page spinner's own wrapper) specifically so
   this does NOT affect smaller inline/button loading-spinner instances
   elsewhere in the app that also use the sk-cube-grid/sk-cube classes. */
.app-overlay .sk-cube-grid {
  width: 160px !important;
  height: 160px !important;
  background-image: url('../custom-spinner/atrix-logo-spin.gif') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.app-overlay .sk-cube-grid .sk-cube {
  visibility: hidden !important;
}