.adm-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 18px; }
.adm-stats-3 { margin-bottom: 8px; }
@media (min-width: 720px) { .adm-stats:not(.adm-stats-3) { grid-template-columns: repeat(6, 1fr); } }
.adm-stat {
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
  padding: 8px 10px;
  background: var(--bg-panel);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}
.adm-stat > span { font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.25; color: var(--text-low); }
.adm-stat b { margin-top: auto; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums lining-nums; color: var(--purple-bright); line-height: 1.2; }
.adm-stat b .adm-faint { font-size: 12px; font-weight: 400; }
.adm-stat-bad b { color: var(--danger); }

.adm-panel { margin-bottom: 18px; }
.adm-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.adm-panel-head .sec-title { margin: 0; flex: 0 0 auto; }
.adm-search {
  flex: 1 1 auto; min-width: 0;
  height: 32px; padding: 0 10px;
  font-size: 13px; color: var(--text-hi);
  background: var(--bg-sunken);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}
.adm-search:focus-visible { outline: 2px solid var(--purple-bright); outline-offset: 1px; }

.adm-users { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--bg-panel); overflow: hidden; }
.adm-users li + li { border-top: 1px solid var(--line); }
.adm-user { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; text-align: start; color: inherit; }
@media (hover: hover) and (pointer: fine) { .adm-user:hover { background: var(--bg-raised); } }
.adm-user:focus-visible { outline: 2px solid var(--purple-bright); outline-offset: -2px; }
.adm-user-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.adm-user-id b { font-size: 13.5px; font-weight: 600; color: var(--text-hi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-active, .adm-last-active { font-size: 11.5px; color: var(--text-low); }
.adm-active { color: var(--success); }
.adm-active::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-inline-end: 5px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.adm-user-email { font-size: 12px; color: var(--text-low); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; unicode-bidi: plaintext; text-align: start; }
.adm-user .badge-ok, .adm-user .badge-warn, .adm-user-id .badge-admin { margin: 0; flex: 0 0 auto; }
.adm-chev { flex: 0 0 auto; color: var(--text-low); }
[dir="rtl"] .adm-chev { transform: scaleX(-1); }
.you { font-size: 10px; color: var(--purple-bright); font-weight: 500; }

.adm-card { list-style: none; margin: 0 0 14px; padding: 2px 12px; background: var(--bg-panel); border: 1px solid var(--line); border-radius: var(--r-md); }
.adm-log-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.adm-log-row + .adm-log-row { border-top: 1px solid var(--line); }
.adm-log-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.adm-log-main b { font-size: 13px; color: var(--text-hi); }
.adm-log-side { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 11.5px; }
.adm-err code { font-size: 12px; color: var(--purple-soft); }
.adm-err-msg { font-size: 12px; color: var(--text-hi); overflow-wrap: anywhere; }
.adm-pill { display: inline-block; padding: 1px 7px; border: 1px solid var(--line-strong); border-radius: 99px; font-size: 11px; color: var(--text-hi); }
.adm-pill-ok { color: var(--success); border-color: color-mix(in srgb, var(--success) 45%, transparent); }
.adm-pill-bad { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 45%, transparent); }
.adm-faint { color: var(--text-low); font-size: 11.5px; }
.adm-bad { color: var(--danger); }
.adm-empty { margin: 0; padding: 10px 12px; font-size: 13px; color: var(--text-low); background: var(--bg-panel); border: 1px solid var(--line); border-radius: var(--r-md); }

.adm-detail-head { display: flex; align-items: center; gap: 10px; margin: 4px 0 14px; }
.adm-detail-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.adm-detail-id h2 { margin: 0; font-family: var(--font-serif); font-size: 24px; color: var(--text-hi); }
.adm-detail-flags { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.adm-detail-flags span { margin: 0; }
.adm-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: 13px; color: var(--text-low); }
.adm-row + .adm-row { border-top: 1px solid var(--line); }
.adm-row b { font-weight: 500; color: var(--text-hi); text-align: end; }
.adm-sub { margin: 0 0 6px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text-low); font-weight: 600; }
.adm-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.adm .form-error, .adm .update-status { margin: 0 0 8px; text-align: start; }
.adm-chart-count { margin-bottom: 14px; }

.adm-loading { position: relative; min-height: calc(var(--screen-h, 100vh) - 26px - var(--tabbar-h) - env(safe-area-inset-bottom)); }
.adm-loading .page-loader { bottom: 0; }