/* Server pages (login, account, users) on top of the web app's style.css. */
.server-main{max-width:960px}
.auth-main{max-width:460px;padding-top:56px}
.auth-main form,.server-main form{display:grid;grid-template-columns:1fr;gap:18px}
.server-main form.row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}
.field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--body)}
.auth-main .primary{justify-self:start}
.temp-password{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:18px;letter-spacing:.04em;padding:12px 16px;border:1px solid var(--border);background:var(--tint);display:inline-block;user-select:all}
.muted{color:var(--muted)}
.user-cards{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.user-cards li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--body)}
.user-cards li>div:first-child{min-width:0;flex:1 1 280px;overflow-wrap:anywhere}
.user-cards strong{font-weight:600;color:var(--ink)}
.user-cards small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.user-cards li.disabled strong{color:var(--muted)}
.user-actions{display:flex;flex-wrap:wrap;gap:8px}
.user-actions button{min-height:32px;padding:5px 12px;font-size:12px}
@media(max-width:760px){.server-main form.row{grid-template-columns:1fr}.auth-main{padding-top:28px}}