.account-strip { display:flex; gap:12px; align-items:center; justify-content:flex-end; flex-wrap:wrap; margin:0 0 16px; font-size:14px; }
.account-strip [role=status]:empty { display:none; }
.login-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
#loginResend { min-width:180px; }
#loginCode { letter-spacing:0; font-size:24px; font-variant-numeric:tabular-nums; }
#managerLoginState { min-height:24px; font-size:14px; line-height:1.5; }
.user-admin-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; }
.user-directory { min-width:0; }
.user-filters { display:flex; gap:16px; align-items:end; flex-wrap:wrap; margin-bottom:16px; }
.user-filters .field { flex:1; min-width:160px; }
.user-check { display:flex; gap:8px; align-items:center; min-height:44px; font-size:14px; }
.user-check input { width:18px; height:18px; flex:none; }
.user-edit-form { display:grid; gap:16px; align-content:start; padding-left:24px; border-left:1px solid var(--line); }
.user-edit-form h3 { margin:0; font-size:18px; }
#loginEmail, #userEmail, #userSearch { width:100%; min-width:0; min-height:48px; padding:12px 14px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font:inherit; }
#loginEmail:focus, #userEmail:focus, #userSearch:focus { outline:2px solid var(--brand); outline-offset:2px; }
.user-filters #userNew { width:auto; flex:none; min-height:46px; }
.user-table { border-collapse:collapse; width:100%; font-size:14px; }
.user-table th { text-align:left; color:var(--muted); font-weight:600; }
.user-table th,.user-table td { padding:14px 10px; border-bottom:1px solid var(--line); vertical-align:middle; }
.user-table td:first-child { overflow-wrap:anywhere; }
.user-table td:last-child { text-align:right; }
.user-email { display:block; margin-top:5px; color:var(--muted); overflow-wrap:anywhere; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#userAdminView { background:var(--panel); padding:24px; }
#userAdminStatus { min-height:24px; margin:0; font-size:14px; }
.topbar { grid-template-columns:auto minmax(0,1fr) auto auto auto; }
.title-block { min-width:0; }
.title-block h1 { overflow-wrap:anywhere; }
@media (max-width:1050px) {
 .topbar { display:flex; flex-wrap:wrap; }
 .title-block { flex:1; }
 .title-block h1 { font-size:28px; }
 .user-admin-layout { grid-template-columns:1fr; }
 .user-edit-form { border-left:0; border-top:1px solid var(--line); padding:20px 0 0; }
}
@media (max-width:600px) {
 .title-block h1 { font-size:22px; }
 #userAdminView { padding:16px; }
 .user-table thead { display:none; }
 .user-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; border-bottom:1px solid var(--line); padding:10px 0; }
 .user-table td { border:0; padding:6px 0; }
 .user-table td:first-child { grid-column:1 / -1; }
 .user-table td:last-child { grid-column:2; grid-row:2 / 4; align-self:center; }
}