
.admin-users-panel{grid-column:1/-1;min-width:0;padding:20px;border:1px solid #9bbdff38;border-radius:22px;background:#111c2deb;color:#eef4ff;color-scheme:dark}
.admin-users-panel summary{cursor:pointer;font-size:16px;font-weight:750;color:#f1f6ff;padding:4px 0;line-height:1.5}
.admin-users-panel .admin-users-create{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;padding:16px;border:1px solid var(--profile-line,#a9c7ff26);border-radius:16px;background:var(--profile-input,#ffffff04);min-width:0}
.admin-users-create legend{padding:0 7px;color:#dce9ff;font-size:14px;font-weight:700}
.admin-users-create label{display:grid;grid-template-rows:minmax(40px,auto) 44px;align-content:end;gap:7px;color:#ccdaed;font-size:13px;min-width:0}
.admin-users-panel input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid #acc9ff40;border-radius:11px;background:#0b1423;color:#f4f7ff;font:inherit}
.admin-users-panel input::placeholder{color:#a3b4cd;opacity:1}
.admin-users-panel input:focus-visible,.admin-users-panel button:focus-visible,.admin-users-panel summary:focus-visible{outline:2px solid #a1c5ff;outline-offset:3px}
.admin-users-panel .admin-users-feedback{margin:12px 0;color:#c0d4ef;font-size:13px;line-height:1.6}
.admin-users-list{display:grid;gap:12px}
.admin-users-group{min-width:0;border:1px solid #a1c1ff2e;border-radius:17px;background:#ffffff03;overflow:hidden}
.admin-users-panel .admin-users-group>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;box-sizing:border-box;font-size:14px;list-style:none}
.admin-users-group>summary::-webkit-details-marker{display:none}
.admin-users-group>summary::after{content:'⌄';margin-left:auto;transition:transform .18s ease}
.admin-users-group[open]>summary::after{transform:rotate(180deg)}
.admin-users-group__count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;border-radius:9px;background:#a9caff20;color:#dce9ff;font-size:12px}
.admin-users-group__cards{display:grid;gap:12px;padding:0 10px 10px;min-width:0}
.admin-users-group__note{margin:0;padding:4px;color:#b6c9e3;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.admin-users-group .admin-users-empty{margin:0;padding:12px 4px;font-size:13px}
@media(prefers-reduced-motion:reduce){.admin-users-group>summary::after{transition:none}}
.admin-user-card{min-width:0;padding:16px;border:1px solid #a1c1ff2e;border-radius:17px;background:linear-gradient(135deg,#22344d,#182438);box-shadow:0 6px 18px #0002}
.admin-user-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-user-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #aac6ff40;border-radius:14px;background:linear-gradient(145deg,#547daa66,#7762ae4d);color:#edf4ff;font-weight:750;font-size:15px}
.admin-user-identity{flex:1;min-width:120px;overflow-wrap:anywhere}
.admin-user-identity strong{display:block;color:#f5f8ff;font-size:15px;line-height:1.5}
.admin-user-identity>span{display:block;margin-top:3px;color:#c0d1e8;font-size:13px;line-height:1.5}
.admin-user-role{display:block;margin-top:4px;font-size:11px;color:#afc4df}
.admin-user-status{flex:none;padding:6px 10px;border-radius:20px;border:1px solid #87dfbc4d;background:#153e35;color:#b7f7dd;font-size:11px;font-weight:650}
.admin-user-status[data-status="blocked"],.admin-user-status[data-status="deleted"]{background:#492634;border-color:#f0a3b64d;color:#ffd0dc}
.admin-user-actions,.admin-users-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.admin-user-actions{padding-top:12px;border-top:1px solid #bed4ff1c}
.admin-users-panel button{min-height:38px;padding:9px 12px;border:1px solid #aac7ff40;border-radius:10px;background:#2c405f;color:#edf4ff;font-size:12px;font-weight:650;cursor:pointer;line-height:1.4}
.admin-users-panel button:hover:enabled{background:#395579;border-color:#aac7ff80}
.admin-users-panel button:disabled{opacity:.55;cursor:default}
.admin-users-panel [data-admin-delete]{color:#ffd0d9;border-color:#ed91a54d;background:#492735}
.admin-users-panel [data-admin-create-submit]{grid-column:1/-1;justify-self:center;min-width:min(100%,180px);min-height:44px;align-self:end;background:#a9caff;color:#10203a;font-size:13px}
.admin-users-empty{padding:18px;color:#c0d1e8;line-height:1.6}
.admin-user-media-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:12px;border:1px solid var(--profile-line,#a1c1ff2e);border-radius:12px;min-width:0}
.admin-user-media-access legend{padding:0 6px;color:var(--profile-secondary,#c0d1e8);font-size:12px}
.admin-user-media-access label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;min-width:0;color:var(--profile-ink,#f5f8ff);font-size:13px;cursor:pointer}
.admin-users-panel .admin-user-media-access input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;padding:0;margin:0;accent-color:var(--profile-blue,#0a84ff)}
.admin-user-media-access [role=status]{grid-column:1/-1;line-height:1.5;overflow-wrap:anywhere;color:var(--profile-secondary,#c0d1e8)}
.admin-user-media-access [role=status]:empty{display:none}
.admin-user-permissions-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.admin-user-permissions-row label{flex:1 1 145px;box-sizing:border-box;padding:9px 11px;border:1px solid var(--profile-line,#a1c1ff2e);border-radius:11px;background:var(--profile-input,#ffffff04)}
@media(max-width:420px){.admin-user-media-access{grid-template-columns:1fr}}
@media(max-width:540px){.admin-users-panel{padding:13px}.admin-users-panel .admin-users-create{grid-template-columns:1fr;padding:12px}.admin-user-card{padding:12px}.admin-user-status{margin-left:56px}.admin-user-actions button{flex:1 1 130px}}

@media(min-width:1000px){.admin-users-group__cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-users-group__note,.admin-users-group__cards>.admin-users-empty{grid-column:1/-1}.admin-users-group__cards>.admin-user-card{min-width:0;margin:0;padding:12px}.admin-users-group__cards .admin-user-heading{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px}.admin-users-group__cards .admin-user-avatar{width:32px;height:32px}.admin-users-group__cards .admin-user-status{grid-column:2;justify-self:start}.admin-users-group__cards .admin-user-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-users-group__cards .admin-user-actions>button{flex:1 1 90px;padding:8px 5px;font-size:11px}.admin-users-group__cards .admin-user-media-access{grid-template-columns:minmax(0,1fr);padding:8px;gap:7px}.admin-users-group__cards .admin-user-permissions-row{display:flex;flex-wrap:wrap;gap:6px}.admin-users-group__cards .admin-user-permissions-row>label{font-size:11px;padding:6px}}

.admin-permission-icon{display:none}
.admin-users-panel .admin-user-permissions-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px}
.admin-users-panel .admin-user-permissions-row>label{position:relative;display:grid;place-items:center;min-width:0;min-height:44px;padding:8px;border-radius:10px}
.admin-users-panel .admin-user-permissions-row .admin-permission-icon{display:block;font-size:22px;line-height:1.2;pointer-events:none}
.admin-users-panel .admin-user-permissions-row .admin-permission-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.admin-users-panel .admin-user-permissions-row label>input[type=checkbox]{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:44px!important;opacity:0!important}
.admin-user-permissions-row input[type=checkbox]::before{display:none}
.admin-user-permissions-row label:has(input:checked){background:#1b75443b;border-color:#72d29b8a;color:#b5f5ce;box-shadow:inset 0 0 0 1px #72d29b55}
.admin-user-permissions-row label:focus-within{outline:2px solid var(--profile-blue,#a1c5ff);outline-offset:2px}
.admin-user-permissions-row label:has(input:disabled){opacity:.6;cursor:default}
.admin-user-media-access{padding:8px;margin-top:10px;gap:6px}

.admin-users-panel .admin-access-silent{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;margin-top:8px;color:var(--profile-secondary,#c0d1e8);font-size:13px;cursor:pointer}
.admin-users-panel .admin-access-silent input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;padding:0;margin:0;accent-color:var(--profile-blue,#0a84ff)}
