/* ════════════════════════════════════════════════════════════════════════
   auth-overlay.css — SINGLE SOURCE OF TRUTH for the dashboard loading screen.
   Canon = V2 (cccalc/clientscore origin), adopted 2026-06-12.

   Consumed two ways:
     • shared.css @imports this (covers all 19 shared-css dashboards)
     • cccalc.html / clientscore.html <link> it directly (they don't load
       shared.css — bespoke design systems would collide)
   Covers both gate containers: #auth-overlay (fixed) and #auth-wall (idr, full-height).
   Edit the loading screen HERE and nowhere else.
   ════════════════════════════════════════════════════════════════════════ */

#auth-overlay,
#auth-wall {
  display: flex;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
  background: #09090f;
  font-family: 'Lato', sans-serif;
}
#auth-overlay { position: fixed; inset: 0; }
#auth-wall    { min-height: 100vh; }

/* Auctus A logomark — same mark + teal as the site header */
#auth-overlay::before,
#auth-wall::before {
  content: '';
  width: 26px;
  height: 44px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 95'><path fill='%236DCCD1' d='M33.8 62.1l-3.2 5.6L43 88.8l-33.2.1 5.6-9.9 14-24.4-3.1-5.3L0 94.7l52.8-.1z'/></svg>") no-repeat center / contain;
  margin-bottom: 4px;
}

/* brand mirrors biq-hdr-name: thin gold "Auctus" + heavy white product name */
#auth-overlay .auth-brand,
#auth-wall .auth-brand {
  font-size: 22px;
  font-weight: 300;
  color: #C4A24A;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
#auth-overlay .auth-brand span,
#auth-wall .auth-brand span { color: #fff; font-weight: 900; }

#auth-overlay-mount { min-width: 380px; }

.auth-spinner {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(109,204,209,0.25);
  border-top-color: #6DCCD1;
  border-radius: 50%;
  animation: auth-spin 0.8s linear infinite;
}
@keyframes auth-spin { to { transform: rotate(360deg); } }

.auth-status {
  font-size: 13px;
  color: #8890a4;
  margin: 0;
}