/* DougHub admin shell. One consistent look for every tool, in DougHub's indigo/purple. */
:root{
  --dha-bg:#070919;--dha-side:#0b0e25;--dha-card:#10142f;--dha-card2:#151a3b;--dha-field:#0a0d22;
  --dha-line:rgba(165,180,252,.13);--dha-line2:rgba(165,180,252,.24);
  --dha-text:#eef0ff;--dha-soft:#c9cdea;--dha-muted:#8f98bd;
  --dha-indigo:#6366f1;--dha-purple:#a855f7;--dha-ok:#22c55e;--dha-warn:#f59e0b;--dha-bad:#ef4444;
  --dha-r:14px;--dha-font:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif
}

/* ---------- pills (also used by chat-access-admin.js) ---------- */
.dh-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.55;white-space:nowrap;vertical-align:middle;border:1px solid transparent;letter-spacing:.01em}
.dh-pill-pending,.dh-pill-open{background:#f59e0b1a;color:#fcd34d;border-color:#f59e0b3d}
.dh-pill-approved,.dh-pill-resolved,.dh-pill-staff{background:#22c55e17;color:#86efac;border-color:#22c55e3d}
.dh-pill-rejected,.dh-pill-dismissed,.dh-pill-none{background:#94a3b814;color:#cbd5e1;border-color:#94a3b838}
.dh-pill-banned{background:#ef44441a;color:#fca5a5;border-color:#ef444440}
.dh-pill-cat{background:#6366f118;color:#c7d2fe;border-color:#6366f136;text-transform:capitalize}
.dh-pill-rank1{background:#06b6d418;color:#67e8f9;border-color:#06b6d43d}
.dh-pill-rank2{background:#6366f120;color:#c7d2fe;border-color:#6366f14d}
.dh-pill-rank3{background:#a855f720;color:#e9d5ff;border-color:#a855f74d}
.dh-pill-rank4{background:linear-gradient(135deg,#f59e0b2b,#ec48992b);color:#fde68a;border-color:#f59e0b4d}

/* ---------- page frame ---------- */
html.dh-shell-on body{padding:0!important;font-family:var(--dha-font)!important;color:var(--dha-text);background:radial-gradient(1000px 500px at 85% -10%,rgba(168,85,247,.13),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(99,102,241,.12),transparent 60%),var(--dha-bg)!important}
html.dh-shell-on .container>header,html.dh-shell-on #adminQuickNav,html.dh-shell-on #adminArea,html.dh-shell-on .staff-current-list{display:none!important}
html.dh-shell-on .container{max-width:none!important;padding:0!important;margin:0!important}
html.dh-shell-on #loading{margin:40px auto}
#dhShell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}

/* sidebar */
#dhSide{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 12px 14px;background:linear-gradient(180deg,#0d1030,var(--dha-side));border-right:1px solid var(--dha-line);overflow-y:auto;z-index:30}
.dh-brand{display:flex;align-items:baseline;gap:6px;padding:0 8px 16px;font-size:21px;font-weight:900;letter-spacing:-.04em;color:#fff;text-decoration:none}
.dh-brand span{color:#a5a0ff}.dh-brand small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dha-muted);padding:2px 6px;border:1px solid var(--dha-line2);border-radius:6px}
#dhNav{display:grid;gap:4px}
#dhNav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--dha-soft);text-decoration:none;font-size:14px;font-weight:650;transition:background .15s,color .15s}
#dhNav a:hover{background:#ffffff0b;color:#fff}
#dhNav a.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 6px 18px #6366f140}
#dhNav a[hidden]{display:none}
.dh-ico{width:20px;text-align:center;font-size:16px}.dh-label{flex:1}
.dh-badge{min-width:20px;padding:1px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;text-align:center}
#dhNav a.active .dh-badge{background:#fff;color:#4f46e5}
.dh-me{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px;border:1px solid var(--dha-line);border-radius:12px;background:#ffffff05}
.dh-me-text{min-width:0}.dh-me strong{display:block;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-avatar,.dh-mini-avatar{display:grid;place-items:center;font-weight:850;color:#fff;background:linear-gradient(135deg,var(--dha-indigo),var(--dha-purple))}
.dh-avatar{flex:0 0 34px;height:34px;border-radius:10px}
.dh-mini-avatar{display:inline-grid;width:24px;height:24px;margin-right:8px;border-radius:7px;font-size:11px;vertical-align:middle}
.dh-back{padding:8px 10px 0;color:var(--dha-muted);font-size:12px;text-decoration:none}.dh-back:hover{color:#fff}

/* top bar */
#dhMain{min-width:0;padding:22px clamp(16px,2.4vw,34px) 48px}
#dhTop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-22px calc(-1*clamp(16px,2.4vw,34px)) 18px;padding:16px clamp(16px,2.4vw,34px) 14px;background:linear-gradient(180deg,var(--dha-bg) 70%,#07091900);backdrop-filter:blur(6px)}
.dh-top-title{flex:1;min-width:200px}
#dhTitle{margin:0;font-size:24px;font-weight:850;letter-spacing:-.025em;color:#fff}
#dhBlurb{margin:3px 0 0;color:var(--dha-muted);font-size:13px}
.dh-search{display:flex;align-items:center;gap:8px;width:min(340px,100%);padding:0 6px 0 12px;border:1px solid var(--dha-line2);border-radius:12px;background:var(--dha-field);transition:border-color .15s,box-shadow .15s}
.dh-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f12b}
html.dh-shell-on .dh-search input{flex:1;min-width:0;height:40px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:500 14px var(--dha-font)!important;outline:none!important}
.dh-search input::-webkit-search-cancel-button{display:none}
html.dh-shell-on #dhFindClear{padding:4px 8px!important;border:0!important;background:transparent!important;color:var(--dha-muted)!important;box-shadow:none!important;font-size:12px!important}
#dhMenu{display:none}
#dhScrim{display:none}

/* ---------- pages, groups, cards ---------- */
.dh-view[hidden],.dh-group[hidden]{display:none!important}
.dh-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.dh-chips:empty{display:none}
.dh-chips a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--dha-line2);border-radius:999px;background:#ffffff06;color:var(--dha-soft);font-size:12.5px;font-weight:650;text-decoration:none}
.dh-chips a:hover{border-color:#818cf8;color:#fff}
.dh-chips b{padding:0 6px;border-radius:999px;background:#6366f12e;color:#c7d2fe;font-size:11px}
.dh-group{margin-top:22px;scroll-margin-top:96px}
.dh-group-title{display:flex;align-items:center;gap:10px;margin:0 0 12px!important;color:#a5b4fc!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase}
.dh-group-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--dha-line2),transparent)}
html.dh-searching .dh-view:not([hidden])::before{content:attr(data-view);display:block;margin:6px 0 0;color:#fff;font-size:15px;font-weight:800;text-transform:capitalize}
.dh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width:1180px){.dh-grid{grid-template-columns:minmax(0,1fr)}}
.dh-search-hide{display:none!important}
.dh-none{color:var(--dha-muted)}

/* Every tool card gets the same frame, type, spacing and controls. */
#dhViews .dh-grid>.card{position:relative;min-width:0;margin:0!important;padding:18px 18px 16px!important;border:1px solid var(--dha-line)!important;border-radius:var(--dha-r)!important;background:linear-gradient(160deg,var(--dha-card2),var(--dha-card))!important;box-shadow:0 10px 30px #0000004d!important;color:var(--dha-text);font-family:var(--dha-font)!important;scroll-margin-top:96px;overflow:hidden}
#dhViews .dh-grid>.card.dh-wide{grid-column:1/-1}
#dhViews .dh-grid>.card[style*="display:none"],#dhViews .dh-grid>.card[style*="display: none"]{display:none!important}
#dhViews .card h2{display:flex;align-items:center;gap:8px;margin:0 0 12px!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.01em;color:#fff!important;line-height:1.3!important}
#dhViews .card h3{margin:14px 0 8px!important;font-size:13px!important;font-weight:750!important;color:#dfe3ff!important}
#dhViews .card :is(p,label,small,li){font-family:var(--dha-font)}
#dhViews .card .dh-help{display:none!important}
#dhViews .card.dh-show-help .dh-help{display:block!important;margin:0 0 12px!important;padding:10px 12px;border-radius:10px;background:#6366f112;border:1px solid #6366f12e;color:var(--dha-soft)!important;font-size:12.5px!important;line-height:1.5}
#dhViews .card button.dh-info{margin-left:auto;flex:0 0 auto;width:22px!important;height:22px;padding:0!important;border-radius:50%!important;border:1px solid var(--dha-line2)!important;background:transparent!important;color:var(--dha-muted)!important;font:italic 700 12px Georgia,serif!important;cursor:pointer;box-shadow:none!important}
#dhViews .card button.dh-info:hover,#dhViews .card.dh-show-help button.dh-info{color:#fff!important;border-color:#818cf8!important;background:#6366f130!important}

/* fields */
#dhViews .card :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){width:100%;max-width:100%;box-sizing:border-box;min-height:38px;padding:8px 11px!important;border:1px solid var(--dha-line2)!important;border-radius:10px!important;background:var(--dha-field)!important;color:#fff!important;font:500 13.5px var(--dha-font)!important;box-shadow:none!important;outline:none}
#dhViews .card textarea{min-height:88px;line-height:1.45}
#dhViews .card :is(input,select,textarea):focus{border-color:#818cf8!important;box-shadow:0 0 0 3px #6366f126!important}
#dhViews .card :is(input,textarea)::placeholder{color:#6f78a0}
#dhViews .card input[type=checkbox],#dhViews .card input[type=radio]{width:17px;height:17px;accent-color:#8b5cf6}
#dhViews .card :is(label,.admin-field-label){display:block;margin:10px 0 5px;color:var(--dha-soft)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
#dhViews .card label:has(>input[type=checkbox]),#dhViews .card label:has(>input[type=radio]){display:flex;align-items:center;gap:9px;margin:8px 0}

/* buttons: primary by default, red for destructive, quiet for secondary */
#dhViews .card button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 14px!important;border:1px solid transparent!important;border-radius:10px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;font:700 13px var(--dha-font)!important;cursor:pointer;box-shadow:0 4px 14px #6366f130!important;transition:filter .15s,transform .1s;white-space:nowrap}
#dhViews .card button:hover:not(:disabled){filter:brightness(1.12)}
#dhViews .card button:active:not(:disabled){transform:translateY(1px)}
#dhViews .card button:disabled{opacity:.5;cursor:not-allowed}
#dhViews .card :is(.dh-btn-danger,.delete-button,.danger,.ban-button,[class*=delete],[class*=remove],[class*=danger],[class*=reject],[class*=deny]):is(button){background:#ef44441c!important;border-color:#ef444455!important;color:#fecaca!important;box-shadow:none!important}
#dhViews .card :is(.dh-btn-ghost,.secondary,[class*=refresh],[class*=cancel]):is(button){background:#ffffff0a!important;border-color:var(--dha-line2)!important;color:#e0e4ff!important;box-shadow:none!important}
#dhViews .card button.dh-btn-ok{background:#22c55e1f!important;border-color:#22c55e55!important;color:#bbf7d0!important;box-shadow:none!important}

/* lists, rows, statuses, empty states */
#dhViews .card :is(.admin-card-actions,.admin-card-heading){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0!important}
#dhViews .card .status{padding:0!important;border:0!important;background:none!important;color:var(--dha-muted)!important;font-size:12.5px!important}
#dhViews .card .admin-scroll-area{max-height:440px;overflow:auto;padding-right:2px}
#dhViews .card :is(.user-item,.warning-item,.message,.game,.video-moderation-item,.activity-item,.chat-group-item,.poll-item,.pin-item,.feedback-item,.track-item,.album-item){margin:0 0 8px!important;padding:11px 12px!important;border:1px solid var(--dha-line)!important;border-radius:11px!important;background:#ffffff05!important;font-size:13px}
#dhViews .card :is(.empty,.empty-state){padding:18px 10px!important;margin:6px 0!important;border:1px dashed var(--dha-line2);border-radius:11px;color:var(--dha-muted)!important;font-size:13px!important;text-align:center;background:none!important}
#dhViews .card a{color:#a5b4fc}
.card.dh-flash{animation:dhFlash 1.6s ease}
@keyframes dhFlash{0%,40%{box-shadow:0 0 0 2px #a78bfa,0 0 40px #8b5cf655!important}100%{box-shadow:none}}

/* ---------- home ---------- */
.dh-hello{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 24px;margin-bottom:16px;border:1px solid #818cf83a;border-radius:18px;background:radial-gradient(600px 200px at 0% 0%,#6366f13a,transparent 70%),radial-gradient(500px 200px at 100% 100%,#a855f72e,transparent 70%),var(--dha-card)}
.dh-hello h2{margin:0;font-size:22px;font-weight:850;letter-spacing:-.02em;color:#fff}
.dh-hello p{margin:5px 0 0;color:var(--dha-soft);font-size:14px;max-width:620px}
.dh-hello-side{display:grid;justify-items:end;gap:4px}.dh-hello-side small{color:var(--dha-muted);font-size:12px}
.dh-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.dh-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico n" "ico label";column-gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--dha-line);border-radius:var(--dha-r);background:var(--dha-card);text-decoration:none;transition:transform .15s,border-color .15s}
.dh-tile:hover{transform:translateY(-2px);border-color:#818cf866}
.dh-tile-ico{grid-area:ico;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff0a;font-size:20px}
.dh-tile-n{grid-area:n;font-size:26px;font-weight:900;line-height:1.05;color:#fff;letter-spacing:-.03em}
.dh-tile-label{grid-area:label;color:var(--dha-muted);font-size:12.5px;font-weight:650}
.dh-tile-hot{border-color:#f59e0b55;background:linear-gradient(160deg,#f59e0b14,var(--dha-card))}
.dh-tile-hot .dh-tile-n{color:#fcd34d}
.dh-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
.dh-panel{padding:16px;border:1px solid var(--dha-line);border-radius:var(--dha-r);background:var(--dha-card)}
.dh-panel h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;color:#fff}
.dh-panel h3 a,.dh-link-btn{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#a5b4fc!important;font:700 12px var(--dha-font)!important;text-decoration:none;cursor:pointer}
.dh-list{display:grid;gap:6px}
.dh-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;border-radius:10px;background:#ffffff05;border:1px solid #ffffff0c;font-size:13px;color:#dde1f5;text-decoration:none}
a.dh-row:hover{border-color:#818cf855;background:#6366f10f}
.dh-row>span{min-width:0;overflow-wrap:anywhere}.dh-row small{flex:0 0 auto;color:var(--dha-muted);font-size:11.5px}
.dh-empty{margin:0;padding:14px 8px;text-align:center;color:var(--dha-muted);font-size:13px}
.dh-muted{color:var(--dha-muted);font-size:12px}
.dh-alert{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;color:#fff;border:1px solid}
.dh-alert b{opacity:.6}
.dh-alert-warn{background:#f59e0b12;border-color:#f59e0b3d}.dh-alert-bad{background:#ef444413;border-color:#ef444442}.dh-alert-ok{background:#22c55e10;border-color:#22c55e33}
.dh-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;vertical-align:middle}
.dh-dot.ok{background:#22c55e;box-shadow:0 0 8px #22c55e}.dh-dot.bad{background:#ef4444;box-shadow:0 0 8px #ef4444}

/* ---------- tables in new cards ---------- */
.dh-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.dh-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--dha-line2);border-radius:11px;background:var(--dha-field)}
#dhViews .card .dh-seg button{min-height:30px;padding:5px 12px!important;background:transparent!important;color:var(--dha-muted)!important;box-shadow:none!important}
#dhViews .card .dh-seg button.active{background:#6366f1!important;color:#fff!important}
.dh-table-wrap{overflow-x:auto;border:1px solid var(--dha-line);border-radius:12px}
.dh-table{width:100%;border-collapse:collapse;font-size:13px}
.dh-table th{text-align:left;padding:10px 12px;background:#0b0f29;color:var(--dha-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--dha-line);white-space:nowrap}
.dh-table td{padding:11px 12px;border-bottom:1px solid #ffffff0a;vertical-align:middle;color:#e3e6fb;line-height:1.45}
.dh-table tbody tr:hover td{background:#ffffff04}
.dh-table tr:last-child td{border-bottom:0}
.dh-table td .dh-muted{display:block;margin-top:3px}
.dh-actions{white-space:nowrap;text-align:right}.dh-actions>*+*{margin-left:6px}

/* ---------- tablet & phone ---------- */
@media (max-width:920px){
  #dhShell{grid-template-columns:minmax(0,1fr)}
  #dhSide{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-104%);transition:transform .22s ease;box-shadow:24px 0 60px #000a}
  html.dh-nav-open #dhSide{transform:none}
  html.dh-nav-open #dhScrim{display:block;position:fixed;inset:0;background:#0009;z-index:25}
  html.dh-shell-on #dhMenu{display:grid;place-items:center;width:40px;height:40px;padding:0!important;border:1px solid var(--dha-line2)!important;border-radius:11px!important;background:#ffffff08!important;color:#fff!important;font-size:18px!important}
  .dh-search{width:100%;order:3}
  .dh-top-title{min-width:0}
}
@media (max-width:640px){
  #dhMain{padding:16px 16px 40px}
  #dhTop{margin:-16px -16px 14px;padding:12px 16px}
  #dhTitle{font-size:20px}
  .dh-hello{padding:18px}.dh-hello-side{justify-items:start}
  .dh-tiles{grid-template-columns:1fr 1fr}
  .dh-tile{grid-template-columns:1fr;grid-template-areas:"n" "label"}.dh-tile-ico{display:none}
  .dh-table thead{display:none}
  .dh-table,.dh-table tbody,.dh-table tr,.dh-table td{display:block;width:100%}
  .dh-table tr{padding:8px 4px;border-bottom:1px solid var(--dha-line)}
  .dh-table td{border:0;padding:4px 10px}
  .dh-table td[data-label]::before{content:attr(data-label);display:block;color:var(--dha-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .dh-actions{text-align:left}.dh-actions>*{margin:6px 6px 0 0!important}
  #dhViews .dh-grid>.card{padding:15px!important}
}

/* ---------- shield the shell from older page-wide styles ---------- */
html.dh-shell-on #dhNav a{color:var(--dha-soft)!important;background:transparent;border:0!important}
html.dh-shell-on #dhNav a:hover{color:#fff!important;background:#ffffff0b!important}
html.dh-shell-on #dhNav a.active{color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}
html.dh-shell-on #dhShell :is(.dh-hello p,.dh-hello h2){color:var(--dha-soft)!important}
html.dh-shell-on #dhShell .dh-hello h2{color:#fff!important}
html.dh-shell-on #dhShell :is(.dh-tile span,.dh-row span,.dh-row small,.dh-alert span,.dh-brand span,.dh-me *):not(.dh-pill){background-color:transparent!important;border:0!important;padding:0;box-shadow:none!important}
html.dh-shell-on #dhShell .dh-tile .dh-tile-ico{background:#ffffff0a!important;padding:0}
html.dh-shell-on #dhShell .dh-tile-n{color:#fff!important}
html.dh-shell-on #dhShell .dh-tile-hot .dh-tile-n{color:#fcd34d!important}
html.dh-shell-on #dhShell .dh-tile-label{color:var(--dha-muted)!important}
html.dh-shell-on #dhShell .dh-row small,html.dh-shell-on #dhShell .dh-muted{color:var(--dha-muted)!important}
html.dh-shell-on #dhShell .dh-avatar{background:linear-gradient(135deg,var(--dha-indigo),var(--dha-purple))!important}
html.dh-shell-on #dhShell .dh-pill{padding:2px 9px!important}
html.dh-shell-on #dhShell .dh-pill-pending{background:#f59e0b1a!important;border:1px solid #f59e0b3d!important}
html.dh-shell-on #dhShell .dh-pill-cat{background:#6366f118!important;border:1px solid #6366f136!important}
html.dh-shell-on #dhShell :is(.dh-pill-rank1,.dh-pill-rank2,.dh-pill-rank3){border:1px solid currentColor!important}
html.dh-shell-on #dhShell .dh-pill-rank4{background:linear-gradient(135deg,#f59e0b2b,#ec48992b)!important;border:1px solid #f59e0b4d!important}
html.dh-shell-on #dhShell .dh-badge{background:#ef4444!important;padding:1px 6px!important}
#dhViews .card :is(.admin-card-actions,.admin-card-heading){background:none!important;border:0!important;padding:0!important;box-shadow:none!important}

/* ---------- full rows, equal heights, lists that fill the space ---------- */
#dhViews .dh-grid>.card{display:flex;flex-direction:column;overflow:visible}
#dhViews .dh-grid>.card>*{flex-shrink:0}
#dhViews .dh-grid>.card>button{align-self:flex-start}
#dhViews .dh-grid>.card.dh-span{grid-column:1/-1}
#dhViews .dh-chain{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important}
#dhViews .dh-chain-block{display:flex!important;flex-direction:column!important}
#dhViews .dh-chain-block>*{flex-shrink:0}
#dhViews .dh-grow{flex:1 1 0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain}

/* ---------- roomy, unsquished rows ---------- */
#dhViews #usersList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:10px!important;align-content:start}
#dhViews #usersList .user-item,#dhViews #bannedUsersList .user-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;margin:0!important}
#dhViews .card :is(.user-item,.warning-item,.message,.game,.video-moderation-item,.activity-item) :is(button){flex:0 0 auto}
#dhViews .card :is(.admin-card-actions,.top-row,.user-actions,.message-actions,.game-actions){flex-wrap:wrap!important;gap:8px!important}
#dhViews .card :is(.user-item,.warning-item,.message,.game,.video-moderation-item,.activity-item) *{min-width:0;overflow-wrap:anywhere}
#dhViews .card :is(.user-item,.warning-item,.message,.game,.video-moderation-item,.activity-item) button{overflow-wrap:normal;white-space:nowrap}
#dhViews #chatAccessList{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start}