body[data-theme=warm]{--bg:#f5f1e9;--panel:#fffdf8;--field:#eee9df;--hover:#e4dccf;--line:#d8cfc0;--text:#39332b;--muted:#7a6f61;--blue:#426e9b;--green:#477951;--yellow:#97700c;--red:#ac4d47}
body[data-theme=contrast]{--bg:#101113;--panel:#191b1f;--field:#24272c;--hover:#353941;--line:#656b75;--text:#fff;--muted:#d2d5db;--blue:#a6caff;--green:#a1e1b9;--yellow:#f6d58c;--red:#ffb0ad}
button,.priority-picker label{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.priority-picker label:hover{background:color-mix(in srgb,currentColor 9%,var(--field))}.priority-picker label:has(:checked){background:color-mix(in srgb,currentColor 14%,var(--field));border-color:color-mix(in srgb,currentColor 35%,transparent)}input,textarea,select{transition:border-color .18s,background-color .18s}input:focus,textarea:focus,select:focus{border-color:var(--muted);outline:2px solid color-mix(in srgb,var(--muted) 15%,transparent);outline-offset:1px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23888' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}select option{background:var(--panel);color:var(--text)}input::file-selector-button{font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:7px 10px;margin-right:8px;cursor:pointer}input[type=file]{max-width:260px;padding:4px;font-size:12px}input[type=checkbox]{width:17px;height:17px;cursor:pointer}input[type=date]{color-scheme:inherit}.password-field{display:flex;position:relative;width:100%}.password-field input{padding-right:92px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:12px;border:0;background:transparent;color:var(--muted);padding:5px 8px}.password-toggle:active:not(:disabled){transform:translateY(-50%)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.theme-choice{padding:12px;text-align:left}.theme-choice[aria-pressed=true]{border-color:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--muted) 20%,transparent)}.theme-sample{display:flex;gap:5px;padding:12px;border-radius:6px;margin-bottom:10px;height:60px;background:#202124}.theme-sample i{display:block;flex:1;background:#37393e;border-radius:4px}.theme-light .theme-sample{background:#f5f5f6}.theme-light .theme-sample i{background:white;border:1px solid #ddd}.theme-warm .theme-sample{background:#eee6d8}.theme-warm .theme-sample i{background:#fff9ec}.theme-contrast .theme-sample{background:#111}.theme-contrast .theme-sample i{border:1px solid #aaa;background:#222}.desktop-download{display:block;text-align:center;text-decoration:none;color:var(--muted);font-size:12px;border:1px solid var(--line);padding:9px 12px;border-radius:7px}.desktop-download:hover{color:var(--text);background:var(--hover)}.login-card .desktop-download{margin-top:18px}.message .file-row{margin-top:8px}.composer .check{font-size:12px}.column-head .badge{background:transparent}table tbody tr:hover{background:color-mix(in srgb,var(--field) 55%,transparent)}@media(prefers-reduced-motion:reduce){button,.priority-picker label,input,textarea,select{transition:none!important}}
/* Administrator credential controls keep the same neutral styling as other forms. */
.password-actions{display:flex;justify-content:flex-end;margin-top:5px}
.password-generate{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s}
.password-generate:hover{background:var(--hover)}

body[data-page=users] #content{display:block;flex:1;min-height:0;width:min(100%,1180px);margin:0 auto;padding:20px;overflow:auto;background:var(--surface-two,var(--panel));border:1px solid var(--line);border-radius:12px}
body[data-page=users] #content>.muted{max-width:760px;line-height:1.6;margin:0 0 16px;color:var(--text)}
body[data-page=users] .toolbar{gap:10px;flex-wrap:wrap;margin-bottom:16px;justify-content:flex-start}
body[data-page=users] .toolbar input{flex:1 1 230px;max-width:360px;min-width:140px}
body[data-page=users] .toolbar select{max-width:280px}
body[data-page=users] .table-wrap{background:var(--surface-three,var(--field));border:1px solid var(--line);border-radius:9px;overflow:auto}
body[data-page=users] table{width:100%;font-size:13px}
body[data-page=users] th,body[data-page=users] td{padding:12px 14px;vertical-align:middle}
body[data-page=users] th{background:var(--field);font-size:12px;color:var(--text);font-weight:600}
body[data-page=users] td:first-child{min-width:170px;max-width:250px;overflow-wrap:anywhere}
body[data-page=users] td:last-child{width:1%;white-space:nowrap}
body[data-page=users] td .row{flex-wrap:nowrap;gap:7px}
body[data-page=users] td button{padding:7px 10px;font-size:12px;min-height:32px}
body[data-page=users] #directory-count{font-size:12px;color:var(--muted)}
@media(max-width:700px){body[data-page=users] #content{padding:12px}body[data-page=users] .toolbar input{max-width:none}body[data-page=users] td:last-child{white-space:normal}body[data-page=users] td .row{flex-wrap:wrap}}