.google-auth-card{display:grid;gap:12px;margin-block:18px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--foreground)}
.google-auth-card h2{margin:0;color:var(--navy);font-size:1.15rem}
.google-auth-card p{margin:0;line-height:1.75}
.google-signin-slot{min-height:44px;direction:rtl;display:grid;gap:14px}
.google-auth-status{color:var(--muted);font-size:.9rem}
.firebase-auth-controls{display:grid;gap:14px;width:100%;max-width:440px}
.firebase-google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;min-height:44px;padding:0 16px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;box-shadow:none;font:500 14px/20px Roboto,Arial,sans-serif;direction:ltr}
.firebase-google-button:hover{background:#f8f9fa;border-color:#5f6368;color:#1f1f1f}
.firebase-google-button:focus-visible{outline:3px solid #0b57d0;outline-offset:2px}
.firebase-google-button:disabled{cursor:wait;opacity:.75}
.firebase-google-mark{display:block;flex:0 0 18px;width:18px;height:18px;border:0;border-radius:0;background:#fff;object-fit:contain;direction:ltr}
html[data-theme="dark"] .firebase-google-button{border-color:#8e918f;background:#131314;color:#e3e3e3}
html[data-theme="dark"] .firebase-google-button:hover{border-color:#c4c7c5;background:#2a2b2e;color:#e3e3e3}
.firebase-auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem}
.firebase-auth-divider:before,.firebase-auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}
.firebase-email-form{display:grid;gap:12px}
.auth-field{display:grid;gap:6px;color:var(--foreground);font-size:.92rem}
.auth-field input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--foreground);font:inherit}
.auth-field input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.firebase-auth-controls .button{min-height:48px;font:inherit;font-weight:700}
.firebase-auth-toggle,.firebase-auth-reset,.firebase-auth-verify{justify-self:start;color:var(--accent);text-align:start}
.firebase-auth-verify{font-weight:700}
.startup-notice .google-auth-panel{width:min(100%,480px);display:grid;gap:14px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--foreground);box-shadow:var(--shadow);text-align:start}
.startup-notice.google-auth-login{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:var(--background);color:var(--foreground)}
.startup-notice.google-auth-login[hidden]{display:none}
.google-auth-panel h1{margin:0;color:var(--navy);font-size:clamp(1.6rem,5vw,2.2rem)}
.google-auth-panel p{margin:0;line-height:1.8;color:var(--muted)}
.google-auth-panel .google-signin-slot{justify-content:center;min-height:50px}
@media(max-width:520px){.startup-notice{padding:18px}.startup-notice .google-auth-panel{padding:20px}.firebase-google-button{font-size:.94rem}}


.firebase-auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--background) 88%,var(--border))}
.firebase-auth-mode{min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-weight:750;cursor:pointer}
.firebase-auth-mode.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px rgba(15,23,42,.08)}
.firebase-auth-mode:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.firebase-auth-helper{margin:0;color:var(--muted);font-size:.84rem;line-height:1.75}
.firebase-auth-reset{margin-top:-4px;font-size:.88rem}
.auth-field[hidden],.auth-field input[hidden]{display:none!important}
@media(max-width:520px){
  .firebase-auth-mode-switch{gap:5px}
  .firebase-auth-mode{min-height:40px;padding-inline:8px;font-size:.9rem}
  .firebase-auth-controls{gap:12px}
}