/* LGAI Auth — top bar */
.lgai-auth-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
.lgai-auth-bar-inner { margin: 0; padding: 6px 10px; background: #0b1220cc; backdrop-filter: blur(6px); border-bottom: 1px solid #1f2937; display:flex; justify-content:flex-end; }
.lgai-auth-bar-toggle { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; border:1px solid #334155; background:#0d0d0d; color:#e9f1ff; cursor:pointer; }
.lgai-auth-bar-toggle:hover { background:#111827; border-color:#1f2937; }
.lgai-auth-bar-panel { position:absolute; right:10px; top:46px; width: min(440px, calc(100% - 20px)); background:#0d0d0d; border:1px solid #334155; border-radius:12px; box-shadow: 0 20px 50px rgba(0,0,0,.45); padding:12px; }

/* Tabs inside dropdown */
.lgai-auth-tabs { display:flex; gap:8px; margin-bottom:8px; }
.lgai-auth-tab { background:#0b0f1a; border:1px solid #334155; color:#cfe4ff; border-radius:8px; padding:6px 10px; cursor:pointer; }
.lgai-auth-tab.is-active { background:#0b1220; border-color:#1d4ed8; color:#fff; }

/* Compact form in bar */
.lgai-form-compact { display:grid; gap:8px; }
.lgai-form-compact .lgai-field input { width:100%; padding:10px 12px; border-radius:8px; border:1px solid #334155; background:#0b0f1a; color:#e9f1ff; }
.lgai-form-compact .lgai-inline { display:inline-flex; align-items:center; gap:8px; }

/* Space below header so content isn't covered */
body { --lgai-auth-bar-h: 46px; }
body { padding-top: var(--lgai-auth-bar-h); }
@media (max-width: 480px){ body { --lgai-auth-bar-h: 52px; } }

/* Utility */
.lgai-pane { display:none; }
.lgai-pane.is-active { display:block; }