/* Access dialog: shared theme tokens, explicit actions, keyboard focus. */
#auth {border:1px solid var(--ui-border);border-radius:22px;overflow-x:hidden;color:var(--ui-text);background:var(--ui-panel)}
#auth .dialog-top {margin-bottom:24px;border-bottom:1px solid var(--ui-border)}
#auth .field {color:var(--ui-text)}
#auth #remembered-account {display:flex;align-items:center;gap:10px;margin:0 0 22px;line-height:1.6}
#auth #remembered-account.hidden {display:none}
#remembered-account-text {min-width:0;overflow-wrap:anywhere;font-size:13px}
#auth #change-account {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border:1px solid #7254b6;border-radius:11px;background:#7254b6;color:#fff;cursor:pointer;box-shadow:0 2px 4px #29194920}
#auth #change-account.hidden {display:none}
#change-account svg {width:18px;height:18px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#auth #change-account:hover {background:#63459f}
#auth .account-options {display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 25px 0;margin:0}
#auth .account-options .create-company,#auth #toggle-register {display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-soft);color:var(--ui-text);font:inherit;font-size:13px;font-weight:600;text-align:center;text-decoration:none;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}
#auth #toggle-register {grid-column:1;grid-row:1;background:var(--ui-panel)}
#auth .create-company {grid-column:2;grid-row:1}
#auth .account-options .create-company:hover,#auth #toggle-register:hover {border-color:var(--ui-accent);background:var(--ui-soft)}
#auth #forgot-password {grid-column:1/-1;justify-self:start;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ui-accent);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}
#auth #forgot-password:hover {text-decoration-thickness:2px}
#auth .dialog-actions {margin-top:18px;padding:20px 25px 25px;border-top:1px solid var(--ui-border)}
#auth #verify-password {width:100%;border-radius:12px;min-height:48px;font-size:14px}
#auth button:focus-visible,#auth a:focus-visible {outline:3px solid var(--ui-accent);outline-offset:3px}
#auth input:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
@media(max-width:380px){#auth .account-options{grid-template-columns:1fr}#auth .create-company{grid-column:1;grid-row:2}#auth #forgot-password{grid-row:3}}
@media(prefers-reduced-motion:reduce){#auth *{transition:none!important}}
html[data-theme=dark] #auth #change-account {background:#7254b6!important;border-color:#7254b6!important;color:white!important}
html[data-theme=dark] #auth #forgot-password {background:transparent!important;color:var(--ui-accent)!important}
html[data-theme=dark] #auth #toggle-register {background:var(--ui-panel)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}