[hidden] { display: none !important; }
.auth-panel { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.auth-card { width: min(440px, 100%); background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: 32px; box-shadow: 0 10px 45px #394d3e10; }
.auth-card .brand { margin: 0 0 28px; padding: 0; }
.auth-card h1 { font: 32px var(--serif); margin: 12px 0; }
.auth-card p { color: #687164; line-height: 1.6; }
.auth-card label { display: grid; gap: 8px; margin: 20px 0; }
.auth-card input { padding: 12px; width: 100%; border: 1px solid var(--line); border-radius: 7px; background: white; }
.auth-card .primary-button { width: 100%; }
#auth-message { min-height: 24px; overflow-wrap: anywhere; }
.online-account { display: grid; gap: 6px; padding: 12px; font-size: 11px; overflow-wrap: anywhere; }
.online-account button { border: 0; background: none; color: var(--green); text-align: left; padding: 8px 0; }
button:disabled { opacity: .5; cursor: wait; }
.main[aria-busy="true"] { opacity: .8; }
#authenticated-shell[inert] { cursor: wait; }
@media(max-width:760px) { .online-account { display: none; } .topbar { height: auto; min-height: 58px; flex-wrap: wrap; gap: 10px; padding: 12px 0; } .top-actions { width: 100%; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } .top-actions .today { display: none; } }