.admin-page{--admin-surface:#fff;--admin-ink:#314c5a;--admin-muted:#667e8b;--admin-line:#dce5ea;--admin-soft:#f3f7fa}
:root[data-theme=dark] .admin-page{--admin-surface:#1b2934;--admin-ink:#dce8ef;--admin-muted:#afc3d0;--admin-line:#3e5464;--admin-soft:#243744}
.admin-tabs{display:flex;gap:5px;padding:5px;background:var(--admin-soft);border:1px solid var(--admin-line);border-radius:12px;width:fit-content;margin-bottom:14px}
.admin-tabs button{padding:9px 17px;border-radius:8px;font-size:13px;color:var(--admin-muted)}
.admin-tabs button[aria-pressed=true],.admin-role-tabs .is-selected{background:linear-gradient(120deg,#fff5ec,#ffe9d6);color:#955421;border-color:#dbb391}
:root[data-theme=dark] .admin-tabs button[aria-pressed=true],:root[data-theme=dark] .admin-role-tabs .is-selected{background:linear-gradient(120deg,#493627,#5b4230);color:#f4c398;border-color:#95704f}
.admin-demo-note{font-size:12px;color:var(--admin-muted);margin:0 0 22px}
.admin-page .panel{background:var(--admin-surface);border-color:var(--admin-line);border-radius:14px;padding:22px;color:var(--admin-ink)}
.admin-page .panel-title{margin-bottom:20px;align-items:center}
.admin-page .panel-title h2{font-size:18px;font-weight:550}
.admin-page .panel-title p{font-size:12px;color:var(--admin-muted);margin-top:4px}
.admin-toolbar{display:flex;gap:12px;margin-bottom:18px}.admin-toolbar .search{max-width:440px}.admin-toolbar>.secondary{margin-left:auto}
.admin-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-user{padding:18px;border:1px solid var(--admin-line);border-radius:12px;background:radial-gradient(ellipse at 100% 0,#508bc514,transparent 75%),var(--admin-surface);min-width:0}
.admin-user-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.admin-status{font-size:11px;color:#377b5c;background:#4d9b7417;padding:3px 8px;border-radius:5px}
.admin-status.inactive{color:var(--admin-muted);background:var(--admin-soft)}
:root[data-theme=dark] .admin-status:not(.inactive){color:#98d2b3}
.admin-user h3{font-size:16px;margin-bottom:4px}.admin-user p{font-size:12px;color:var(--admin-muted);overflow-wrap:anywhere}
.admin-user-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:11px;color:var(--admin-muted);margin:15px 0;min-height:38px}.admin-user-meta strong{font-size:12px;color:var(--admin-ink);flex-basis:100%;font-weight:500}
.admin-user>.secondary{font-size:12px;min-height:34px;padding:6px 10px;width:100%}
.admin-editor{max-width:900px}.admin-page .fields{grid-template-columns:1fr 1fr}.admin-checks{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0 12px;font-size:13px}.admin-checks label{display:flex;gap:8px;align-items:center}.admin-checks input{accent-color:#c58750;width:17px;height:17px}
.admin-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--admin-line);margin-top:22px;padding-top:16px}
.admin-page .field-hint{color:var(--admin-muted);font-size:12px;margin:14px 0 0;line-height:1.6}
.admin-role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-role-tabs button{font-size:12px;min-height:36px;padding:7px 12px}
.admin-page form[data-admin-form=role]>.field{max-width:360px}.admin-permissions{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:20px}.admin-permission-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--admin-line);font-size:13px}.admin-permission-row .field{width:156px;flex-shrink:0}.admin-permission-row .select-trigger{min-height:36px;font-size:12px}
.admin-settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.admin-target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-target-grid input{width:100%}.admin-target-grid .field>span{font-size:12px;text-transform:capitalize}
.admin-vendors>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--admin-line);font-size:13px}.admin-vendors .secondary{font-size:11px;min-height:30px;padding:5px 9px}.admin-page form[data-admin-form=vendor]{display:flex;gap:8px;align-items:end;margin-top:20px}.admin-page form[data-admin-form=vendor]>.field{min-width:0;flex:1}.admin-page form[data-admin-form=vendor]>.secondary{font-size:12px}
@media(max-width:1100px){.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-grid{grid-template-columns:1fr}.admin-permissions{grid-template-columns:1fr}}
@media(max-width:600px){.admin-page .panel{padding:16px}.admin-tabs{width:100%}.admin-tabs button{padding:9px 8px;flex:1;font-size:12px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar .search{flex-basis:100%}.admin-user-grid{grid-template-columns:1fr}.admin-page .fields{grid-template-columns:1fr}.admin-target-grid{grid-template-columns:repeat(2,1fr)}.admin-permission-row .field{width:145px}}
/* Team function and application permissions are independent. */
.admin-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.admin-page .admin-group{padding:0;overflow:hidden;background:radial-gradient(ellipse at top right,var(--group-tint,#6b94ad15),transparent 75%),var(--admin-surface)}
.admin-group.group-technician{--group-tint:#598fd522}.admin-group.group-leader{--group-tint:#9b79c523}.admin-group.group-manager{--group-tint:#5fa88a22}.admin-group.group-other{--group-tint:#c38c4d20}
.admin-group>header{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--admin-line)}
.admin-group h2{font-size:17px;font-weight:550}.admin-group-count{margin-left:auto;font-size:21px;font-variant-numeric:tabular-nums;color:var(--admin-ink)}
.admin-person{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--admin-line)}.admin-person:last-child{border-bottom:0}
.admin-person-info{min-width:0;flex:1}.admin-person h3{font-size:14px;font-weight:550;overflow-wrap:anywhere}.admin-person p{font-size:12px;color:var(--admin-muted);margin-top:4px;overflow-wrap:anywhere}
.admin-person-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--admin-muted);margin-top:9px}
.admin-access{padding:3px 7px;border-radius:5px;background:var(--admin-soft)}.admin-access.is-admin{background:#c58c5622;color:#a35e26}:root[data-theme=dark] .admin-access.is-admin{color:#efbb91}
.admin-person>.secondary{padding:8px;min-height:34px;flex-shrink:0}.admin-person>.avatar{flex-shrink:0}.admin-person .icon{width:16px;height:16px}
.admin-group-empty{font-size:12px;color:var(--admin-muted);padding:20px 18px}
.admin-inactive{margin-top:20px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface);overflow:hidden}
.admin-inactive>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:16px 18px;font-size:13px;color:var(--admin-muted);cursor:pointer}.admin-inactive>summary::-webkit-details-marker{display:none}.admin-inactive>summary>span{margin-left:auto;font-size:16px}.admin-inactive>summary>svg{width:16px;height:16px;transition:transform .2s}.admin-inactive[open]>summary>svg{transform:rotate(180deg)}
.admin-inactive>.field-hint{padding:0 18px;margin-top:0}.admin-inactive .admin-vendors{padding:0 16px 10px}
.admin-page form[data-admin-form=vendor]:has(.admin-checks){display:block}
.admin-inactive .admin-person{opacity:.85}
@media(max-width:1000px){.admin-group-grid{grid-template-columns:1fr}}
@media(max-width:600px){.admin-person{padding:14px 12px;gap:9px}.admin-group>header{padding:16px}.admin-person-meta{gap:5px}.admin-page .admin-group{padding:0}}
.admin-group.group-admin{--group-tint:#ce92562b}.admin-group.group-viewer{--group-tint:#66ae9624}
.config-fy{max-width:200px;margin-bottom:20px}
.admin-page form[data-admin-form=hardware]>.field{max-width:500px}
.preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:1000px}.avatar-preview{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;color:white;font-size:30px;font-weight:600;margin-bottom:22px}.avatar-colors{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.avatar-colors button{width:40px;height:40px;border-radius:50%;color:white;border:3px solid transparent;outline-offset:3px}.avatar-colors button[aria-pressed=true]{outline:2px solid var(--admin-muted)}.preferences-page input[name=initials]{max-width:180px;text-transform:uppercase}.backup-placeholder{max-width:800px}.backup-placeholder>p{line-height:1.7;font-size:14px;color:var(--admin-muted)}.planned-feature{display:inline-block;padding:6px 10px;background:#b5895422;color:var(--admin-ink);font-size:12px;border-radius:7px;margin-top:16px}
@media(max-width:700px){.preferences-grid{grid-template-columns:1fr}}
.nav-item[hidden]{display:none!important}
.avatar-tone-0{background:#36566B!important;color:white}.avatar-tone-1{background:#397565!important;color:white}.avatar-tone-2{background:#735E91!important;color:white}.avatar-tone-3{background:#A56A40!important;color:white}.avatar-tone-4{background:#92596D!important;color:white}.avatar-tone-5{background:#426CA0!important;color:white}
