/* Admin-only component rules; loaded globally for internal page navigation. */
.admin-dashboard {
  --admin-surface: #171c22;
  --admin-input: #10151b;
  --admin-line: #343d48;
  --admin-accent: #86d6bc;
  --text: #edf0f4;
  --muted: #a4aebb;
  --line: var(--admin-line);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  min-width: 0;
}

.admin-dashboard :where(h1, h2, h3, h4, strong, button, label, summary) { letter-spacing: 0; }
.admin-dashboard :where(h2, h3, h4, p) { overflow-wrap: anywhere; }
.admin-dashboard :where(form, section, article, .form-field, .grid-2, .section-head) { min-width: 0; }
.admin-dashboard h2 { font-size: 18px; line-height: 1.35; margin: 0 0 6px; }
.admin-dashboard h3 { font-size: 15px; line-height: 1.4; }
.admin-dashboard h4 { font-size: 15px; line-height: 1.4; margin: 0 0 10px; }
.admin-dashboard .muted { color: var(--muted); }

.admin-dashboard .admin-dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px 24px;
  padding: 12px 0 0;
  margin: 0 0 24px;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--admin-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.admin-dashboard .admin-dashboard-hero::after { display: none; }
.admin-dashboard .admin-dashboard-hero-main { display: block; }
.admin-dashboard .admin-dashboard-hero-main h1 { font-size: 24px; line-height: 1.3; margin: 0; letter-spacing: 0; }
.admin-dashboard .admin-dashboard-health { display: flex; gap: 18px; }
.admin-dashboard .admin-health-card {
  display: grid;
  grid-template-columns: 22px auto;
  grid-template-areas: 'icon value' 'icon label';
  align-items: center;
  gap: 0 8px;
  padding: 0;
  min-height: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.admin-dashboard .admin-health-card strong { font-size: 14px; text-transform: uppercase; }
.admin-dashboard .admin-health-card small { font-size: 12px; font-weight: 400; }
.admin-dashboard .admin-health-icon { width: 22px; height: 22px; border-radius: 4px; font-size: 12px; }
.admin-dashboard .admin-hero-tab-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  gap: 4px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.admin-dashboard .admin-hero-tab-actions .admin-hero-tab {
  flex: 0 0 auto;
  width: auto;
  min-height: 42px;
  padding: 10px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transform: none;
}
.admin-dashboard .admin-hero-tab-actions .admin-hero-tab.active { border-bottom-color: var(--admin-accent); color: var(--admin-accent); background: #86d6bc0a; }
.admin-dashboard .admin-hero-tab-actions .admin-hero-tab:hover { color: var(--text); background: #ffffff08; }

.admin-dashboard .admin-tab-panels { margin: 0; }
.admin-dashboard .admin-tab-panel.active { display: grid; gap: 20px; }
.admin-dashboard .admin-tab-panel > .card,
.admin-dashboard .admin-tab-panel > .grid-2 { margin: 0; }
.admin-dashboard .admin-section-title.card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 16px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--admin-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.admin-dashboard .admin-section-title .badge { display: none; }
.admin-dashboard .admin-section-title h2 { font-size: 18px; margin: 0; }
.admin-dashboard .admin-section-title p { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.admin-dashboard .admin-dashboard-card,
.admin-dashboard .admin-weekly-kings-settings {
  padding: 18px 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--admin-line);
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
}
.admin-dashboard .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.admin-dashboard .section-head { text-align: left; align-items: flex-start; margin: 0 0 16px; gap: 6px; }
.admin-dashboard .section-head h2 { font-size: 16px; margin: 0; }
.admin-dashboard .section-head p { font-size: 13px; line-height: 1.5; margin: 4px 0 0; color: var(--muted); }
.admin-dashboard .admin-card-compactable > .section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: start;
  gap: 6px 12px;
}
.admin-dashboard .admin-card-compactable > .section-head > :not(.admin-compact-toggle) { grid-column: 1; }
.admin-dashboard .admin-card-compactable > .section-head > .admin-compact-toggle { grid-column: 2; grid-row: 1 / span 3; }
.admin-dashboard .admin-compact-toggle {
  width: 32px !important;
  min-width: 32px;
  height: 32px;
  min-height: 32px !important;
  padding: 7px !important;
  justify-self: end;
}
.admin-dashboard .admin-compact-toggle[aria-expanded='false'] .admin-ui-icon { transform: rotate(180deg); }
.admin-dashboard .admin-card-compactable.is-admin-compact-collapsed > .section-head { margin-bottom: 0; }
.admin-dashboard .admin-card-compactable.is-admin-compact-collapsed { padding-bottom: 18px; }

.admin-dashboard .admin-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; }
.admin-dashboard .admin-metric-card {
  padding: 14px;
  min-height: 104px;
  gap: 4px;
  background: var(--admin-surface);
  border: 1px solid var(--admin-line);
  border-radius: 6px;
  box-shadow: none;
}
.admin-dashboard .admin-metric-card::before { display: none; }
.admin-dashboard .admin-metric-label { color: var(--muted); font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.admin-dashboard .admin-metric-card strong { font-size: 24px; line-height: 1.3; font-weight: 650; letter-spacing: 0; overflow-wrap: anywhere; }
.admin-dashboard .admin-metric-card small { font-size: 12px; font-weight: 400; }
.admin-dashboard .admin-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.admin-dashboard .admin-action-card {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: start;
  align-items: start;
  min-height: 0;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--admin-line);
  border-radius: 6px;
  background: var(--admin-surface);
  box-shadow: none;
}
.admin-dashboard .admin-action-card.attention { border-color: #8a7545; background: #201f1a; }
.admin-dashboard .admin-action-card::before,
.admin-dashboard .admin-action-card::after { display: none; }
.admin-dashboard .admin-action-card h2 { font-size: 16px; line-height: 1.4; margin: 0 0 6px; }
.admin-dashboard .admin-action-card p { font-size: 13px; line-height: 1.5; margin: 0; color: var(--muted); }
.admin-dashboard .admin-action-kicker { display: none; }
.admin-dashboard .admin-action-card > button { grid-column: 2; justify-self: start; align-self: start; height: auto; margin: 0; }
.admin-dashboard .admin-action-card-icon { align-self: start; margin: 2px 0 0; color: var(--admin-accent); }
.admin-dashboard .admin-ui-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/icons/admin/chevron-up.svg') center / contain no-repeat; }
.admin-dashboard .admin-icon-shield { mask-image: url('/icons/admin/shield-check.svg'); }
.admin-dashboard .admin-icon-users { mask-image: url('/icons/admin/users.svg'); }
.admin-dashboard .admin-icon-upload { mask-image: url('/icons/admin/upload.svg'); }
.admin-dashboard .admin-icon-user-plus { mask-image: url('/icons/admin/user-plus.svg'); }

.admin-dashboard .button-primary,
.admin-dashboard .button-secondary,
.admin-dashboard .link-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: auto;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--admin-line);
  border-radius: 6px;
  background: #202730;
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
  transform: none;
}
.admin-dashboard .button-primary { background: var(--admin-accent); border-color: var(--admin-accent); color: #112a22; }
.admin-dashboard .link-danger { background: transparent; border-color: #805153; color: #ffb8b8; }
.admin-dashboard :is(.button-primary, .button-secondary, .link-danger):hover { filter: brightness(1.12); transform: none; box-shadow: none; }
.admin-dashboard :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--admin-accent); outline-offset: 3px; }
.admin-dashboard :is(button, input, select):disabled { opacity: 0.5; cursor: not-allowed; }
.admin-dashboard .input,
.admin-dashboard .textarea {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  max-width: 100%;
  padding: 8px 10px;
  background: var(--admin-input);
  color: var(--text);
  border: 1px solid var(--admin-line);
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: none;
}
.admin-dashboard textarea.input { min-height: 100px; resize: vertical; }
.admin-dashboard input[type='file'] { overflow: hidden; }
.admin-dashboard input[type='file']::file-selector-button { padding: 5px 9px; margin: -3px 10px -3px -5px; border: 0; border-right: 1px solid var(--admin-line); background: #252d36; color: var(--text); }
.admin-dashboard :is(input[type='checkbox'], input[type='radio'], input[type='range']) { accent-color: var(--admin-accent); }
.admin-dashboard .form-label { margin: 0; color: var(--text); font-size: 13px; font-weight: 500; }
.admin-dashboard .form-stack { gap: 10px; }
.admin-dashboard .form-stack > :is(.button-primary, .button-secondary):not(.admin-update-wide-button) { justify-self: start; align-self: flex-start; }
.admin-dashboard .form-grid-modern { gap: 16px; }
.admin-dashboard :is(.checkbox-row, .switch-row, .admin-setting-tile, .admin-retention-card) { padding: 12px; border: 1px solid var(--admin-line); border-radius: 6px; background: var(--admin-surface); box-shadow: none; }
.admin-dashboard .admin-setting-tile .checkbox-row { padding: 0; border: 0; background: transparent; }
.admin-dashboard .checkbox-row { align-items: flex-start; }
.admin-dashboard .checkbox-row > input { flex: 0 0 auto; margin-top: 4px; }
.admin-dashboard .checkbox-row > span { min-width: 0; overflow-wrap: anywhere; }
.admin-dashboard .admin-retention-card { gap: 12px; }
.admin-dashboard .admin-retention-card p { margin: 4px 0 0; font-size: 13px; }
.admin-dashboard .info-row { padding: 10px 0; border: 0; border-bottom: 1px solid var(--admin-line); border-radius: 0; background: transparent; gap: 14px; }
.admin-dashboard .info-row > span { text-align: right; overflow-wrap: anywhere; }
.admin-dashboard .info-row:last-child { border-bottom: 0; }
.admin-dashboard .feed-pill,
.admin-dashboard .badge { min-height: 24px; padding: 3px 8px; border: 1px solid var(--admin-line); border-radius: 4px; background: #202730; color: #d4dce6; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; box-shadow: none; }

.admin-dashboard .admin-users-content-grid { display: grid; grid-template-columns: minmax(220px, 0.75fr) minmax(0, 2.25fr); gap: 24px; align-items: start; }
.admin-dashboard .admin-invite-card { position: static; }
.admin-dashboard .admin-user-list-card .admin-compact-scroll { max-height: 680px; }
.admin-dashboard .admin-compact-scroll { max-height: 640px; border: 1px solid var(--admin-line); border-radius: 6px; overflow: auto; scrollbar-width: thin; }
.admin-dashboard .user-table { width: 100%; border-collapse: collapse; margin: 0; font-size: 13px; }
.admin-dashboard .user-table :is(th, td) { padding: 12px; border-bottom: 1px solid var(--admin-line); vertical-align: top; background: transparent; }
.admin-dashboard .user-table th { position: sticky; top: 0; z-index: 2; background: #20262f; color: var(--muted); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.admin-dashboard .admin-user-table { min-width: 820px; }
.admin-dashboard .admin-usage-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-dashboard .admin-usage-list-head { margin-bottom: 14px; }
.admin-dashboard .admin-usage-list-head p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.admin-dashboard .admin-usage-filter { display: grid; grid-template-columns: minmax(150px, 1fr) 145px 140px auto; align-items: center; gap: 8px; margin-bottom: 16px; }
.admin-dashboard .admin-usage-filter > div { min-width: 0; }
.admin-dashboard .admin-usage-filter :is(input, select) { width: 100%; max-width: 100%; margin: 0; }
.admin-dashboard .admin-usage-filter button { min-height: 38px; }
.admin-dashboard .admin-usage-users,
.admin-dashboard .admin-usage-history { table-layout: fixed; }
.admin-dashboard :is(.admin-usage-users, .admin-usage-history) :is(th, td) { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.admin-dashboard .admin-usage-history tbody th { position: static; background: transparent; color: var(--text); font-weight: 500; }
.admin-dashboard .admin-usage-users th:first-child { width: 52%; }
.admin-dashboard .admin-usage-users th:nth-child(2) { width: 18%; }
.admin-dashboard .admin-usage-users :is(th, td):nth-child(2) { text-align: center; }
.admin-dashboard .admin-usage-users :is(th, td):last-child { text-align: right; }
.admin-dashboard .admin-usage-member { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--text); }
.admin-dashboard .admin-usage-member:hover strong { color: var(--admin-accent); }
.admin-dashboard .admin-usage-avatar { position: relative; flex: 0 0 32px; width: 32px; height: 32px; min-width: 32px; overflow: hidden; border: 1px solid var(--admin-line); border-radius: 50%; background: #29373c; font-size: 12px; }
.admin-dashboard .admin-usage-member-copy { display: block; min-width: 0; }
.admin-dashboard .admin-usage-member-copy strong { display: block; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.admin-dashboard .admin-usage-username { display: block; margin-top: 2px; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.admin-dashboard .admin-usage-visits { font-weight: 600; }
.admin-dashboard .admin-usage-last-active { color: #b1e8d3; white-space: nowrap; font-weight: 500; }
.admin-dashboard .admin-usage-continuing { display: block; font-size: 11px; color: var(--muted); }
.admin-dashboard .admin-usage-inactive { font-size: 12px; }
.admin-dashboard .user-table .admin-usage-empty { padding: 32px 12px; text-align: center; color: var(--muted); }
.admin-dashboard .admin-usage-empty strong { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 500; }
.admin-dashboard .admin-usage-note { margin: 14px 0 0; font-size: 12px; }
.admin-dashboard .admin-usage-archive > summary { padding: 4px 0; color: var(--muted); font-size: 13px; font-weight: 500; cursor: pointer; }
.admin-dashboard .admin-usage-archive[open] > summary { margin-bottom: 12px; color: var(--text); }
.admin-dashboard .admin-usage-history .usage-selected-day :is(th, td) { background: #86d6bc0d; }
.admin-dashboard .admin-usage-archive summary:focus-visible,
.admin-dashboard .admin-usage-member:focus-visible { outline: 2px solid var(--admin-accent); outline-offset: 3px; }
.admin-dashboard .admin-usage-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; }
@media (max-width: 760px) {
  .admin-dashboard .admin-usage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-dashboard .admin-usage-metrics .admin-metric-card:last-child { grid-column: 1 / -1; }
  .admin-dashboard :is(.admin-usage-users, .admin-usage-history) :is(th, td) { padding: 10px 6px; }
}
@media (max-width: 640px) {
  .admin-dashboard .admin-usage-filter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .admin-dashboard .admin-usage-search { grid-column: 1 / -1; }
  .admin-dashboard .admin-usage-filter button { grid-column: 1 / -1; min-height: 44px; }
  .admin-dashboard .admin-usage-filter :is(input, select) { min-height: 44px; }
  .admin-dashboard .admin-usage-member { gap: 7px; align-items: flex-start; }
  .admin-dashboard .admin-usage-avatar { flex-basis: 28px; min-width: 28px; width: 28px; height: 28px; }
  .admin-dashboard .admin-usage-users th { font-size: 11px; }
  .admin-dashboard .admin-usage-users th:first-child { width: 50%; }
  .admin-dashboard .admin-usage-users th:nth-child(2) { width: 22%; }
}
.admin-dashboard .admin-inline-form { flex-wrap: wrap; gap: 6px; min-width: 130px; }
.admin-dashboard .admin-inline-form .input { min-width: 0; }
.admin-dashboard .admin-user-action-stack { min-width: 164px; gap: 8px; }
.admin-dashboard .admin-password-details { border-radius: 6px; background: transparent; }
.admin-dashboard .admin-password-form { display: grid; grid-template-columns: minmax(0, 1fr); width: 190px; gap: 8px; padding-top: 10px; }
.admin-dashboard .invite-code-stack { max-height: 420px; }
.admin-dashboard .invite-code-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 12px 0; gap: 10px; border: 0; border-bottom: 1px solid var(--admin-line); border-radius: 0; background: transparent; }
.admin-dashboard .invite-url-input { font-size: 12px; }

.admin-dashboard .admin-update-compact-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.admin-dashboard .admin-update-step { padding: 14px 0; border: 0; border-bottom: 1px solid var(--admin-line); border-radius: 0; background: transparent; box-shadow: none; }
.admin-dashboard .admin-update-step-label > span { width: 24px; height: 24px; border-radius: 4px; background: #253d36; color: var(--admin-accent); }
.admin-dashboard .admin-update-wide-button { width: 100%; }
.admin-dashboard .admin-update-safety-mini article,
.admin-dashboard .admin-update-mini-stats div,
.admin-dashboard .admin-update-notes-compact article,
.admin-dashboard .admin-update-list-card { border-radius: 6px; border-color: var(--admin-line); background: var(--admin-surface); box-shadow: none; }
.admin-dashboard .admin-update-history-grid { gap: 16px; }
.admin-dashboard .admin-update-mini-list .info-row { padding: 8px 0; }
.admin-dashboard .admin-update-details-compact { border: 1px solid var(--admin-line); border-radius: 6px; background: transparent; }
.admin-dashboard .admin-update-details-compact summary { padding: 10px 12px; }
.admin-dashboard .admin-report-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 10px; max-height: none; overflow: visible; padding: 0; }
.admin-dashboard .admin-report-card { min-width: 0; align-content: start; gap: 6px; padding: 12px; border: 1px solid var(--admin-line); border-radius: 6px; background: var(--admin-surface); color: var(--text); font: inherit; letter-spacing: 0; text-align: left; box-shadow: none; }
.admin-dashboard .admin-report-card-head { flex-wrap: wrap; gap: 6px; }
.admin-dashboard .admin-report-subject { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font-size: 14px; line-height: 1.4; }
.admin-dashboard .admin-report-target,
.admin-dashboard .admin-report-card > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 400; }
.admin-dashboard .admin-report-modal-status-form textarea { min-width: 0; resize: vertical; }
.admin-dashboard .admin-report-card p { font-size: 13px; line-height: 1.5; }
.admin-dashboard .admin-report-status-form { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.admin-dashboard .admin-empty-state { padding: 24px 0; text-align: left; border: 0; background: transparent; }
.admin-dashboard .theme-icon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.admin-dashboard .theme-icon-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 16px; padding: 16px 0; border: 0; border-bottom: 1px solid var(--admin-line); border-radius: 0; background: transparent; box-shadow: none; }
.admin-dashboard .theme-icon-preview { width: 100%; height: 150px; min-height: 150px; border: 1px solid var(--admin-line); border-radius: 6px; }
.admin-dashboard .theme-icon-preview img { width: auto; height: auto; max-width: 90%; max-height: 110px; }
.admin-dashboard .theme-topbar-brand-preview img { width: var(--theme-topbar-preview-logo-size, 82%); height: var(--theme-topbar-preview-logo-size, 82%); max-width: none; max-height: none; }
.admin-dashboard .theme-login-brand-preview img { width: var(--theme-brand-preview-logo-size, 70%); height: var(--theme-brand-preview-logo-size, 70%); max-width: none; max-height: none; }
.admin-dashboard .theme-icon-body { min-width: 0; gap: 12px; }
.admin-dashboard .theme-icon-body > span { font-size: 13px; line-height: 1.5; }
.admin-dashboard .theme-icon-body .checkbox-row { padding: 10px; }
.admin-dashboard .theme-asset-option { border-radius: 6px; border-color: var(--admin-line); background: var(--admin-surface); }
.admin-dashboard .theme-asset-option.is-selected { border-color: var(--admin-accent); background: #1c302a; }
.admin-dashboard .theme-asset-thumb { border-radius: 4px; }
.admin-dashboard .theme-alpha-pill { border-radius: 4px; }
.admin-dashboard .weekly-kings-controls { gap: 12px; }
.admin-dashboard .weekly-kings-controls .checkbox-row { flex: 1 1 260px; }
.admin-dashboard .weekly-kings-controls button { flex: 0 0 auto; }
.admin-dashboard .weekly-kings { margin-bottom: 0; }
.admin-dashboard .admin-weekly-kings-settings > p { font-size: 13px; margin: 12px 0; }

.admin-dashboard :is(.admin-user-create-modal, .admin-report-modal) { position: fixed; inset: 0; z-index: 1600; display: grid; place-items: center; padding: 20px; }
.admin-dashboard :is(.admin-user-create-modal, .admin-report-modal)[hidden] { display: none !important; }
.admin-dashboard :is(.admin-user-create-backdrop, .admin-report-modal-backdrop) { position: absolute; inset: 0; background: #05080dd9; backdrop-filter: blur(4px); }
.admin-dashboard :is(.admin-user-create-frame, .admin-report-modal-frame) { position: relative; z-index: 1; width: min(100%, 780px); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--admin-line); border-radius: 8px; background: var(--admin-surface); box-shadow: 0 24px 60px #0006; }
.admin-dashboard .admin-user-create-frame { width: min(100%, 620px); }
.admin-dashboard .report-modal-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 1px solid var(--admin-line); border-radius: 6px; background: #252d36; color: var(--text); }
.admin-dashboard :is(.admin-user-create-frame, .admin-report-modal-frame) > .section-head { padding-right: 40px; }
.admin-dashboard .admin-report-detail-box { padding: 12px 0; border: 0; border-bottom: 1px solid var(--admin-line); border-radius: 0; background: transparent; }
.admin-dashboard .admin-reported-post-preview { border: 1px solid var(--admin-line); border-radius: 6px; padding: 14px; background: var(--admin-input); }
.admin-dashboard .admin-report-modal-status-form { grid-template-columns: minmax(120px, 0.7fr) minmax(0, 1fr) auto; }
.admin-dashboard .admin-reported-post-preview .button-secondary { margin-top: 8px; }

@media (max-width: 1100px) {
  .admin-dashboard .admin-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-dashboard .admin-users-content-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-dashboard .admin-invite-card { order: 2; }
}
@media (max-width: 760px) {
  .admin-dashboard .admin-dashboard-hero { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .admin-dashboard .admin-dashboard-hero-main h1 { font-size: 22px; }
  .admin-dashboard .admin-dashboard-health { gap: 24px; }
  .admin-dashboard .admin-hero-tab-actions { display: flex; flex-wrap: nowrap; }
  .admin-dashboard .admin-hero-tab-actions .admin-hero-tab { min-height: 44px; padding-inline: 10px; }
  .admin-dashboard .admin-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-dashboard .admin-metric-card strong { font-size: 22px; }
  .admin-dashboard .admin-overview-grid,
  .admin-dashboard .grid-2,
  .admin-dashboard .admin-update-compact-layout,
  .admin-dashboard .theme-icon-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .admin-dashboard .admin-settings-grid { grid-template-columns: minmax(0, 1fr); }
  .admin-dashboard .admin-section-actions { justify-content: flex-start; }
  .admin-dashboard .admin-retention-card { grid-template-columns: minmax(0, 1fr); }
  .admin-dashboard .admin-retention-control { justify-content: start; }
  .admin-dashboard .admin-compact-scroll { max-height: 560px; }
  .admin-dashboard .admin-report-modal-status-form { grid-template-columns: minmax(0, 1fr); }
  .admin-dashboard :is(.admin-user-create-modal, .admin-report-modal) { padding: 12px; }
  .admin-dashboard :is(.admin-user-create-frame, .admin-report-modal-frame) { max-height: calc(100dvh - 24px); padding: 18px; }
  .admin-dashboard .compact-form-grid { grid-template-columns: minmax(0, 1fr); }
}