/**
 * Vault auth modal — emerald overlay.
 * Loaded only by unara-vault.html. Do not link from Explorer.
 * Shared chrome stays in unara-auth-modal.css (Explorer teal).
 */
:root {
  --wallet-teal: #2bcb91;
  --wallet-teal-dim: rgba(43, 203, 145, 0.72);
  --wallet-teal-glow: rgba(43, 203, 145, 0.4);
  --wallet-teal-surface: rgba(43, 203, 145, 0.14);
  --wallet-teal-line: rgba(43, 203, 145, 0.32);
  --wallet-section-border: rgba(43, 203, 145, 0.22);
  --wallet-section-glow: rgba(43, 203, 145, 0.14);
}

#unara-auth-modal.unara-auth {
  --wallet-teal: #2bcb91;
  --wallet-teal-dim: rgba(43, 203, 145, 0.72);
  --wallet-teal-glow: rgba(43, 203, 145, 0.4);
  --wallet-teal-surface: rgba(43, 203, 145, 0.14);
  --wallet-teal-line: rgba(43, 203, 145, 0.32);
  --wallet-section-border: rgba(43, 203, 145, 0.22);
  --wallet-section-glow: rgba(43, 203, 145, 0.14);
  --wallet-glass-bg: rgba(16, 36, 28, 0.22);
  --wallet-glass-bg-strong: rgba(14, 30, 24, 0.32);
  --wallet-glass-bg-hero: rgba(18, 42, 32, 0.28);
  --wallet-glass-border: rgba(43, 203, 145, 0.22);
  --wallet-glass-glow: 0 0 48px rgba(43, 203, 145, 0.1);
  --wallet-glass-glow-hero: 0 0 72px rgba(43, 203, 145, 0.16);
  --wallet-charcoal-1: rgba(12, 22, 18, 0.38);
  --wallet-charcoal-2: rgba(10, 18, 15, 0.42);
}

#unara-auth-modal .unara-auth-dialog {
  background:
    linear-gradient(155deg, rgba(43, 203, 145, 0.1), rgba(43, 203, 145, 0) 32%),
    linear-gradient(180deg, #131a17 0%, #0b0f0d 46%, #050807 78%, #020403 100%);
  border-color: rgba(43, 203, 145, 0.22);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 12px 40px rgba(0, 0, 0, 0.22),
    0 28px 80px rgba(0, 0, 0, 0.55),
    0 0 72px rgba(43, 203, 145, 0.16);
}

#unara-auth-modal .unara-auth-left {
  background:
    linear-gradient(180deg, rgba(19, 26, 23, 0.55) 0%, rgba(5, 8, 7, 0.2) 100%);
}

#unara-auth-modal .unara-auth-right {
  background:
    radial-gradient(ellipse 70% 55% at 50% 28%, rgba(43, 203, 145, 0.12), transparent 70%),
    linear-gradient(180deg, #101714 0%, #080c0a 100%);
}

#unara-auth-modal .unara-auth-orbit-glow {
  background: radial-gradient(
    circle at 50% 48%,
    rgba(43, 203, 145, 0.18) 0%,
    rgba(43, 203, 145, 0.06) 42%,
    transparent 72%
  );
}

#unara-auth-modal .unara-auth-orbit-path {
  stroke: rgba(43, 203, 145, 0.42);
  filter: drop-shadow(0 0 4px rgba(43, 203, 145, 0.28));
}

#unara-auth-modal .unara-auth-orbit-path--inner {
  stroke: rgba(43, 203, 145, 0.18);
  filter: none;
}

#unara-auth-modal .unara-auth-orbit-sat {
  border-color: rgba(43, 203, 145, 0.42);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 34% 28%, rgba(43, 203, 145, 0.22), transparent 58%),
    rgba(8, 16, 14, 0.88);
  box-shadow:
    0 0 0 1px rgba(43, 203, 145, 0.08),
    0 0 16px rgba(43, 203, 145, 0.22),
    0 6px 14px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -8px 14px rgba(0, 0, 0, 0.28);
}

#unara-auth-modal .unara-auth-orbit-sat svg {
  filter: drop-shadow(0 0 3px rgba(43, 203, 145, 0.35));
}

#unara-auth-modal .unara-auth-field input:focus {
  box-shadow: 0 0 0 1px rgba(43, 203, 145, 0.28);
}

#unara-auth-modal .unara-auth-email-submit {
  background: linear-gradient(135deg, rgba(43, 203, 145, 0.32), rgba(28, 143, 102, 0.24));
}

#unara-auth-modal .unara-auth-provider:hover,
#unara-auth-modal .unara-auth-provider:focus-visible {
  box-shadow: 0 0 0 1px rgba(43, 203, 145, 0.06);
}