.account-button{border:1px solid #d6e1dd;background:#fff;border-radius:999px;padding:.65rem 1rem;color:#183d35;font-weight:700;cursor:pointer}.auth-dialog{border:0;background:transparent;padding:0;max-width:min(92vw,460px)}.auth-dialog::backdrop{background:rgba(8,27,23,.35)}.auth-screen{padding:0}.auth-card{background:#fff;border:1px solid #dce8e3;border-radius:24px;box-shadow:0 24px 70px #102d2530;padding:2rem}.auth-card h1{margin:.35rem 0 .75rem;color:#163d35}.auth-card label{display:grid;gap:.4rem;margin:1rem 0;font-weight:700;color:#31554d}.auth-card input{border:1px solid #c8d8d2;border-radius:12px;padding:.8rem;font:inherit}.auth-card button{width:100%;margin-top:.7rem}.auth-eyebrow{font-size:.72rem;letter-spacing:.12em;color:#4b8272;font-weight:800}.auth-notice{background:#f3f8f5;border-radius:12px;padding:.85rem;color:#31554d}.auth-card .form-error{margin-top:1rem}.auth-card .text-button{background:transparent;border:0;color:#28715e;text-decoration:underline}

.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-brand img{width:42px;height:42px;object-fit:contain}.auth-brand .auth-eyebrow{margin:0;line-height:1.6}.auth-card h1{font-size:26px;line-height:1.2;letter-spacing:-.6px}.auth-card p{line-height:1.5}.auth-dialog{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.auth-dialog .dialog-card{border-radius:24px}.auth-card button{min-height:44px}.auth-card input{min-width:0;width:100%;box-sizing:border-box}.auth-card button:disabled,.auth-card input:disabled{opacity:.6;cursor:wait}.auth-card button:focus-visible,.account-button:focus-visible,.auth-card input:focus-visible{outline:3px solid #4d9b87;outline-offset:3px}.account-button{font:inherit;font-size:13px;min-height:44px;white-space:nowrap}.mobile-brand>.account-button{margin-top:8px;align-self:flex-start}.task-mobile-header>.account-button{flex-shrink:0}@media(max-width:600px){.auth-card{padding:24px;border-radius:20px}.auth-card h1{font-size:24px}.auth-dialog{max-height:calc(100dvh - 24px)}.account-button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.auth-dialog,.auth-card{animation:none;transition:none}}

/* Shared auth polish: keep the close affordance anchored and center mobile branding. */
.auth-card{position:relative}
.auth-card .auth-close{position:absolute;top:12px;right:12px;width:44px;height:44px;margin:0!important;padding:0;border:0;border-radius:50%;background:transparent;color:#60736d;font-size:24px;line-height:1}
.auth-card .auth-close:hover{background:#f1f6f3}
.auth-card .auth-close:focus-visible{outline:3px solid #4d9b87;outline-offset:2px}
@media(max-width:999px){.mobile-brand{grid-template-columns:1fr auto 1fr;padding:0 16px}.mobile-brand>.brand{grid-column:2}.mobile-brand>.account-button{grid-column:3;justify-self:end;margin-top:0;align-self:center}}

.auth-brand strong{display:block;font-size:17px;letter-spacing:1px;color:#31554d}.auth-brand small{display:block;font-size:10px;letter-spacing:2px;color:#4b8272}.auth-card .auth-close{z-index:1}@media(max-width:999px){.mobile-brand{position:relative;display:grid;grid-template-columns:1fr;place-items:center;padding:0 18px}.mobile-brand>.brand{grid-column:1}.mobile-brand>.account-button{position:absolute;top:10px;right:12px;margin:0;min-height:36px;padding:7px 10px;font-size:11px}.mobile-brand>.mobile-controls,.mobile-brand>.day-tabs{grid-column:1;width:100%}.task-mobile-header>.account-button{margin-left:8px}.today-native-header>.account-button{margin-left:auto}}