/* Staff access: sign-in, setup link, profile and staff list (apps/admin/staff.js). */
.auth-form { display:grid; gap:14px; max-width:420px; margin-top:22px; }
.auth-form label { display:grid; gap:6px; font-size:var(--journey-type-footnote-size); font-weight:600; color:var(--journey-color-text-primary); }
.auth-form label small { font-weight:400; color:var(--journey-color-text-secondary); }
.auth-form input:not([type=checkbox]), .auth-form select, .staff-table select {
  font:inherit; font-weight:400; padding:10px 12px; border:1px solid var(--journey-color-border-control);
  border-radius:var(--journey-radius-md); background:var(--journey-color-bg-surface); color:var(--journey-color-text-primary); }
.auth-form input:focus-visible, .auth-form select:focus-visible, .staff-table select:focus-visible { outline:2px solid var(--journey-color-focus-ring); outline-offset:1px; }
.auth-form .primary, .entry .auth-form .primary { margin:4px 0 0; justify-self:start; }
.auth-form p { margin:0; }
.inline-form { grid-template-columns:minmax(0,200px) auto; align-items:end; max-width:none; }
.auth-links { display:flex; gap:16px; }
.check { display:flex !important; grid-auto-flow:column; align-items:center; gap:8px; font-weight:400 !important; }
.demo-entry { margin-top:32px; padding-top:20px; border-top:1px solid var(--journey-color-border-subtle); }
.demo-entry .secondary { margin-top:8px; }
.setup-steps { padding-left:20px; display:grid; gap:24px; margin-top:24px; }
.setup-steps h2 { font-size:var(--journey-type-body-size); margin:0 0 6px; }
.qr-box { width:220px; max-width:100%; margin:12px 0; padding:8px; background:#fff; border:1px solid var(--journey-color-border-subtle); border-radius:var(--journey-radius-md); }
.qr { display:block; width:100%; height:auto; }
.totp-secret { font-size:var(--journey-type-footnote-size); letter-spacing:1px; word-break:break-all; }
.recovery-codes ol { display:grid; grid-template-columns:repeat(2, minmax(0, 160px)); gap:6px 24px; padding-left:24px; margin:16px 0; }
.recovery-codes code { font-size:var(--journey-type-subheadline-size); letter-spacing:1px; }
.setup-link { padding:16px 18px; margin-bottom:18px; border-radius:var(--journey-radius-md); background:var(--journey-color-status-info-bg); color:var(--journey-color-status-info-fg); display:grid; gap:10px; }
.setup-link p { margin:0; }
.setup-link .secondary { justify-self:start; }
.staff-table td small { display:block; color:var(--journey-color-text-secondary); }
.staff-table .switch { display:flex; align-items:center; gap:6px; font-size:var(--journey-type-caption-size); }
.staff-actions { display:flex; flex-wrap:wrap; gap:4px 12px; }
a.sidebar-bottom { color:inherit; text-decoration:none; }
a.sidebar-bottom:hover #who-name { text-decoration:underline; }
#staff > .panel, #staff > .setup-link { margin-bottom:20px; }
.panel-body > .auth-form:first-child { margin-top:0; }
.button-link { display:inline-block; margin-top:16px; text-decoration:none; }
@media (max-width: 720px) { .inline-form { grid-template-columns:1fr; } .recovery-codes ol { grid-template-columns:1fr; } }