.auth-shell { max-width:445px; margin:clamp(28px,8vh,90px) auto; padding:0 16px }
.auth-card h1 { font-size:30px; margin:0 0 12px }.auth-card h2 { font-size:18px }
.auth-card #intro { margin:0 0 16px }.auth-card .field { margin:14px 0 }
.auth-card .wide { display:block; width:100%; text-align:center; margin-top:10px }
.setup-hint,.access-notice { padding:14px 18px; background:#edf2e8;border-radius:8px;margin-top:18px }
.setup-hint p { color:var(--dim);margin-top:6px;font-size:14px }
.form-status { margin-top:12px; color:var(--dim); overflow-wrap:anywhere }
.form-status:empty { display:none }.form-error { color:var(--red) }
#identity,.account-email,.session-identity { overflow-wrap:anywhere }.session-identity { color:var(--dim);font-size:13px }
.account-area { max-width:1040px;margin:auto;padding:30px clamp(15px,4vw,50px) }
.account-heading,.users-tools { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px }
.users-tools { justify-content:flex-start;margin:20px 0 6px }.users-tools label { flex:1 1 240px }
#users td:first-child { word-break:break-word } .account-detail [type=datetime-local] { width:min(100%,330px) }
.access-notice { max-width:900px;margin:10px auto;padding:12px;overflow-wrap:anywhere }
@media(max-width:530px) {
  #users table,#users tbody,#users tr,#users td { display:block }
  #users thead {display:none}
  #users tr {padding:10px 2px;border-bottom:1px solid var(--rule)}
  #users td {border:0;padding:2px 0}.account-area { padding-top:16px }
}