/* Emami Blueprint sign-in: session gate + sign-out control.
   Loaded by both the sign-in page and the blueprint. Uses the blueprint's own
   design tokens (--blue, --ink, --surface ...) so it inherits light/dark theming. */

/* Gate shown while the session is checked, or when it cannot be checked.
   The "hide everything" rule itself is inlined in blueprint/index.html so it
   applies even if this file fails to load (fail closed). */
.emami-gate{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:24px;
  background:var(--bg,#F3F6FA);color:var(--ink,#14213D);font-family:var(--sans,"Manrope","Segoe UI",system-ui,sans-serif)}
.emami-gate-card{width:min(440px,100%);background:var(--surface,#fff);border:1px solid var(--line,#D9E1EB);
  border-radius:var(--radius-l,14px);box-shadow:var(--shadow);overflow:hidden;text-align:left}
.emami-gate-card::before{content:"";display:block;height:4px;background:var(--spectrum)}
.emami-gate-body{padding:22px 24px 24px}
.emami-gate h2{font-family:var(--serif,Georgia,serif);font-size:1.3rem;font-weight:600;margin:0 0 6px;color:var(--ink,#14213D)}
.emami-gate p{margin:0 0 16px;color:var(--ink-2,#44526B);font-size:.95rem;line-height:1.55}
.emami-gate .emami-gate-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Spinner used by the gate and the sign-in button */
.emami-spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;
  display:inline-block;vertical-align:-3px;animation:emami-spin .8s linear infinite;flex:none}
@keyframes emami-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.emami-spin{animation-duration:2.4s}}

/* Signed-in user + sign-out in the blueprint top bar */
.emami-user{display:flex;align-items:center;gap:8px;min-width:0}
.emami-user .emami-avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--blue-soft,#E7F0FA);color:var(--blue,#0B5CA8);font-size:.74rem;font-weight:800;letter-spacing:.02em}
.emami-user .emami-signout[disabled]{opacity:.6;cursor:progress}
.emami-user .emami-signout.err{border-color:var(--risk,#C23B2B);color:var(--risk,#C23B2B)}
@media (max-width:860px){.emami-user .emami-avatar{display:none}}
@media (max-width:520px){.emami-user .emami-signout{padding:0 8px}}