/* «Безпека входу» (1.31.0) — вікно Authenticator для всіх кабінетів персоналу. */
.as-dialog{width:min(520px,calc(100vw - 32px));max-width:none;max-height:min(90dvh,760px);padding:0;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;box-shadow:var(--shadow-overlay)}
.as-dialog[open]{display:flex;flex-direction:column}
.as-dialog::backdrop{background:var(--scrim)}
.as-dialog :focus-visible{outline:none;box-shadow:var(--focus-ring)}
.as-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle)}
.as-head h2{margin:0;font-size:19px;line-height:1.25}
.as-sub{margin:4px 0 0;color:var(--text-secondary)}
.as-close{min-height:40px;padding:0 12px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}
.as-close:hover{background:var(--row-hover)}
.as-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 20px;display:grid;gap:14px;align-content:start}
.as-state{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}
.as-state.as-on{background:var(--status-success-soft);border-color:transparent}
.as-state.as-on strong{color:var(--status-success-ink)}
.as-state.as-off{background:var(--surface-subtle)}
.as-state span{color:var(--text-secondary)}
.as-hint{margin:0;color:var(--text-secondary)}
.as-steps{margin:0;padding-left:20px;display:grid;gap:4px}
.as-enroll{display:grid;justify-items:center;gap:8px;padding:14px;border-radius:var(--radius-md);background:var(--surface-subtle)}
.as-qr{width:180px;height:180px;background:#fff;border-radius:8px;padding:6px}
.as-key{margin:0;text-align:center;overflow-wrap:anywhere}
.as-key code,.as-codes{font-family:var(--font-mono)}
.as-codes{margin:0;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-sunken);font-size:14px;line-height:1.7;columns:2;column-gap:24px}
.as-field{display:grid;gap:6px}
.as-field label{font-weight:600}
.as-field input{min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-primary);font-size:16px}
.as-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.as-primary,.as-secondary{min-height:44px;padding:0 18px;border-radius:var(--radius-control);font-weight:600;cursor:pointer}
.as-primary{border:0;background:var(--brand-primary);color:var(--on-brand)}
.as-primary:hover{background:var(--brand-primary-hover)}
.as-secondary{border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary)}
.as-secondary:hover{border-color:var(--brand-primary-border);background:var(--brand-primary-soft)}
.as-primary:disabled,.as-secondary:disabled{opacity:.6;cursor:progress}
.as-disable{border-top:1px solid var(--border-subtle);padding-top:12px;display:grid;gap:12px}
.as-disable summary{cursor:pointer;font-weight:600;color:var(--text-secondary)}
.as-disable[open]{gap:12px}
.as-note{margin:0 20px 18px;padding:10px 14px;border-radius:var(--radius-md)}
.as-note.as-error{background:var(--status-danger-soft);color:var(--status-danger-ink)}
.as-note.as-ok{background:var(--status-success-soft);color:var(--status-success-ink)}
.as-dialog .as-hidden,.as-note.as-hidden{display:none}
@media (max-width:720px){
  .as-dialog{width:100%;max-width:none;margin:auto 0 0;border-width:1px 0 0;border-radius:16px 16px 0 0;max-height:92dvh}
  .as-head{padding:15px 16px 12px}
  .as-body{padding:16px}
  .as-actions{display:grid;grid-template-columns:1fr 1fr}
  .as-actions>:only-child{grid-column:1/-1}
  .as-codes{columns:1}
  .as-note{margin:0 16px max(16px,env(safe-area-inset-bottom))}
}