/* A5 CRM — auth.css  (js/auth.js: the sign-in page, the join / new-password page for a link, «Сменить пароль»;
   screens/settings.js «Команда» in live mode: the link dialog, inline rename, read-only role). Tokens of base.css only. */

/* ── full-page screens: one centred card over everything (.over = the session ended: the app stays faintly behind) ── */
.au{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px 16px;overflow:auto;background:var(--bg);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}
.au.in{opacity:1}
.au.over{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.au-card{width:100%;max-width:400px;padding:32px;border-radius:var(--radius-l);background:var(--surface-raised);box-shadow:var(--shadow-3)}
.au-card form{display:grid;gap:16px}
.au-card > :not(form){margin:0 0 16px}
.au-card > :last-child{margin-bottom:0}
.au-logo{display:block;width:64px;height:auto;margin:0 0 4px}
.au-t{margin:0;font:var(--t-heading);color:var(--text-strong)}
.au-sub{margin:-8px 0 0;font:var(--t-body);color:var(--text-2)}
.au-f input{height:36px;font:var(--t-body)}
.au-f input[readonly]{background:var(--surface-offset);color:var(--text-2);box-shadow:0 0 0 1px var(--border-soft)}
.au-pw{position:relative;display:block}
.au-pw input{width:100%;padding-right:40px}
.au-eye{position:absolute;top:4px;right:4px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-s);background:transparent;color:var(--icon);cursor:pointer}
.au-eye .ic{width:16px;height:16px;stroke-width:2}
.au-eye:hover{background:var(--surface-hover);color:var(--text-strong)}
.au-eye[aria-pressed="true"]{color:var(--accent-text)}
.au-eye:focus-visible{box-shadow:var(--focus-ring);outline:0}
.au-f.err input,.au-f.err input:focus{box-shadow:0 0 0 1px var(--danger)}
.au-err{margin:0;padding:8px 12px;border-radius:var(--radius-s);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font:var(--t-body)}
.au-err[hidden]{display:none}
.au-go{height:36px;width:100%;font:var(--t-body-strong)}
.au-go.busy{opacity:.7;cursor:progress}
.au-note{margin:0;font:var(--t-caption);color:var(--text-3);text-align:center}
.au-acts{display:flex;flex-wrap:wrap;gap:8px}
.au-acts .btn{height:32px;padding:0 12px}
.au-spin{display:block;width:20px;height:20px;border:2px solid var(--border-soft);border-top-color:var(--text-3);border-radius:50%;animation:au-rot .8s linear infinite}
@keyframes au-rot{to{transform:rotate(360deg)}}
html.au-on body{overflow:hidden}
@media (max-width:480px){.au{padding:16px;place-items:start center}.au-card{padding:24px 20px;box-shadow:none}}

/* ── «Сменить пароль» (UI.modal) ── */
.au-modal .au-err{margin-top:16px}
.au-mnote{margin:12px 0 0;font:var(--t-caption);color:var(--text-3)}

/* ── «Команда» (live): the link dialog, own name inline, read-only bits ── */
.au-lp{margin:0 0 12px;font:var(--t-body);color:var(--text)}
.au-link{display:flex;gap:8px;align-items:center}
.au-link input{flex:1;min-width:0;height:32px;font:var(--t-mono-body);font-size:13px}
.au-link .btn{height:32px;padding:0 12px;white-space:nowrap}
.au-lnote{margin:12px 0 0;font:var(--t-caption);color:var(--text-3)}
.au-name{display:inline-flex;align-items:center;max-width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:text;border-radius:var(--radius-xs, 4px)}
.au-name:hover b{text-decoration:underline dotted var(--text-4);text-underline-offset:3px}
.au-name:focus-visible{box-shadow:var(--focus-ring);outline:0}
.sg-who .au-ren{width:100%;max-width:260px;height:26px;font:var(--t-body-medium)}
.au-ro{display:inline-flex;align-items:center;height:24px;padding:0 8px;font:var(--t-body);color:var(--text-2);white-space:nowrap}
.sg-mr .au-who-l{display:flex;align-items:center;gap:8px;min-width:0}
.au-load{display:grid;justify-items:start;gap:8px;padding:32px 6px;font:var(--t-body);color:var(--text-3)}
@media (max-width:600px){.au-link{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion: reduce){.au{transition:none}.au-spin{animation-duration:2s}}