/* Sign-in, account and Users screens. Uses the existing Green Room 42 tokens. */
.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s8) var(--s4);gap:var(--s5)}
.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.auth-brand{background:var(--nav);padding:var(--s6) var(--s8);color:#aab9ad}
.auth-brand img{width:166px;height:56px;object-fit:contain;display:block}
.auth-brand .caps{font-size:var(--xs);letter-spacing:2px;margin-top:var(--s2)}
.auth-body{padding:var(--s8)}
.auth-body h1{font-size:var(--xl);margin:0 0 var(--s1)}
.auth-body>p{margin:0 0 var(--s6);font-size:var(--sm)}
.auth-form{display:grid;gap:var(--s4)}
.auth-form .btn.primary{width:100%;padding:12px}
.auth-form .alert{margin:0}
.account-chip{display:flex;align-items:center;gap:var(--s3)}
.account-text{display:flex;flex-direction:column;line-height:1.25;font-size:var(--xs)}
.account-text strong{font-size:var(--sm);font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-text span{color:var(--muted)}
.users-form{grid-template-columns:2fr 2fr 1.2fr 1.2fr auto;align-items:end}
.users-form-action .btn{white-space:nowrap}
.users-panel{margin-top:var(--s6)}
.row-actions{display:flex;gap:var(--s2);justify-content:flex-end;flex-wrap:wrap}
.role-pick{border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:var(--surface);color:var(--text);font-size:var(--xs)}
.temp-password{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;letter-spacing:1px;background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:var(--s4);text-align:center;user-select:all;margin-top:var(--s4)}
.access-panel{margin-bottom:var(--s6)}
.access-panel .panel-head p{max-width:560px}
.access-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 var(--s5)}
.access-list .confirm-check{margin:var(--s2) 0;font-size:var(--sm)}
.account-panel{max-width:460px}
.account-panel .panel-body{padding:var(--s6)}
@media(max-width:900px){.users-form{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .auth-body{padding:var(--s6)}
 .account-text{display:none}
 .account-chip{gap:var(--s2)}
 .account-chip .btn.small{padding:6px 8px}
 .account-chip .btn[data-nav="account"]{display:none}
 .users-form{grid-template-columns:1fr}
 .row-actions{justify-content:flex-start}
}


.access-list .confirm-check>span{display:flex;flex-direction:column}
@media(min-width:701px){.nav-account{display:none}}
.google-btn{width:100%;gap:10px;background:#fff;color:#1f1f1f;border-color:#dadce0;text-decoration:none}.google-btn:hover{background:#f7f8f8}.google-logo{width:18px;height:18px}.auth-or{display:flex;align-items:center;gap:12px;margin:20px 0 4px;font-size:var(--xs);color:var(--muted)}.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:var(--line)}

.import-users textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface);font:inherit;font-size:var(--sm);resize:vertical}
.import-users-action{display:flex;gap:var(--s4);align-items:flex-end;margin-top:var(--s4)}
.import-users-action .field{min-width:200px}
.link-btn{min-width:56px}