/* Content-level administration patterns. All values follow the existing admin day/night palette. */
@layer debater-visual-system {
  html[data-ft-mode]:root body app-admin main[data-asp-page] {
    --text-primary:var(--ac-text);--text-secondary:var(--ac-muted);--text-muted:var(--ac-muted);
    --bg-primary:var(--ac-bg);--bg-card:var(--ac-panel);--bg-secondary:var(--ac-subtle);--border-color:var(--ac-line);
    min-width:0;overflow-wrap:anywhere;
  }
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-title {font-size:26px !important;font-weight:650 !important;line-height:1.4 !important;margin:0 0 6px !important;letter-spacing:-.3px !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-title-block {flex:1;min-width:200px}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-description {font-size:13px;color:var(--ac-muted);line-height:1.7;margin:0;max-width:760px}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-page-heading {margin-bottom:26px}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.glass,[class~="bg-white/5"],[class~="bg-black/30"],[class~="bg-black/20"]) {background:var(--ac-panel) !important;border-color:var(--ac-line) !important;box-shadow:none !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is([class~="text-slate-400"],[class~="text-slate-500"]) {color:var(--ac-muted) !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is([class~="text-white"],[class~="text-slate-200"],[class~="text-slate-300"]) {color:var(--ac-text) !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is([class~="text-green-400"],[class~="text-emerald-400"]) {color:#227450 !important}
  html[data-ft-mode="ink"]:root body app-admin main[data-asp-page] :is([class~="text-green-400"],[class~="text-emerald-400"]) {color:#8dd9b4 !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is([class~="text-yellow-400"],[class~="text-amber-300"]) {color:#8b6019 !important}
  html[data-ft-mode="ink"]:root body app-admin main[data-asp-page] :is([class~="text-yellow-400"],[class~="text-amber-300"]) {color:#e5c17a !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.group > .opacity-0,[class~="group-hover:opacity-100"]) {opacity:1 !important;visibility:visible !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is(button,a[role="button"],summary) {font-size:13px !important;line-height:1.4 !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .flex > button {flex-shrink:0;white-space:nowrap}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is(button:disabled,input:disabled,select:disabled,textarea:disabled) {opacity:.55 !important;cursor:not-allowed !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.group > div:last-child) button {min-height:34px !important;padding:6px 10px !important;border:1px solid var(--ac-line) !important;border-radius:6px !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-field {position:relative;display:flex;flex-direction:column;gap:6px;min-width:145px;max-width:100%;flex:1 1 180px;align-self:end;text-align:left}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-field-label {font-size:12px;line-height:1.4;color:var(--ac-muted);font-weight:500;text-transform:none;letter-spacing:0}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-field > :is(input,select) {width:100% !important;max-width:100%;box-sizing:border-box}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-search > input {padding-right:58px !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-search-clear {position:absolute;right:3px;bottom:3px;min-height:32px !important;padding:4px 8px !important;background:transparent !important;color:var(--ac-accent) !important;border:0 !important;box-shadow:none !important;font-size:12px !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-search-clear[hidden] {display:none !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-search-submit {align-self:end;min-height:38px;padding:7px 14px;border:1px solid var(--ac-line);border-radius:7px;background:var(--ac-panel);color:var(--ac-accent)}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold {display:block;margin:0 0 22px;border:1px solid var(--ac-line);border-radius:10px;background:var(--ac-panel);min-width:0}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold > summary {display:list-item;list-style-position:inside;padding:17px 20px;cursor:pointer;color:var(--ac-accent)}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold > summary strong {color:var(--ac-text);font-weight:600}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold > summary span {display:block;color:var(--ac-muted);font-size:12px;padding:5px 0 0 16px}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold[open] > summary {border-bottom:1px solid var(--ac-line)}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold > :not(summary) {margin:0 !important;border:0 !important;border-radius:0 0 10px 10px !important;box-shadow:none !important;background:var(--ac-panel) !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-log-details > summary {color:var(--ac-accent);cursor:pointer;white-space:nowrap}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-log-content {padding:12px 0;max-width:480px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-family:ui-monospace,monospace;font-size:12px}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table {width:100%;max-width:100%}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td {font-size:13px !important;line-height:1.6 !important;overflow-wrap:anywhere}
  html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td:last-child :is(button,a) {white-space:nowrap}
  html[data-ft-mode]:root body app-admin main[data-asp-page] :is([role="dialog"],.fixed.inset-0) :is(input,textarea,select) {min-width:0;max-width:100%}
  html[data-ft-mode]:root body app-admin main[data-asp-page] [id^="settings-"] {scroll-margin-top:86px}
  html[data-ft-mode]:root body app-admin main[data-asp-page="announcements"] .group {padding:20px !important;border:1px solid var(--ac-line) !important;gap:20px;align-items:center}
  html[data-ft-mode]:root body app-admin main[data-asp-page="topics"] .group {border:1px solid var(--ac-line) !important;padding:20px !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page="season"] label {color:var(--ac-muted) !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page="elo"] .asp-field {min-width:90px;flex:1 1 100px}
  html[data-ft-mode]:root body app-admin main[data-asp-page="word-frequency"] [data-testid="word-cloud"] svg {height:auto !important;aspect-ratio:1;max-height:440px}
  html[data-ft-mode]:root body app-admin main[data-asp-page="finance"] .asp-fold {margin-bottom:24px}
  html[data-ft-mode]:root body app-admin main[data-asp-page="timer-backgrounds"] input {background:var(--ac-panel) !important;color:var(--ac-text) !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page="timer-backgrounds"] [class~="text-emerald-300"] {color:#227450 !important}
  html[data-ft-mode="ink"]:root body app-admin main[data-asp-page="timer-backgrounds"] [class~="text-emerald-300"] {color:#8dd9b4 !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page="timer-backgrounds"] [class~="text-red-300"] {color:#a64040 !important}
  html[data-ft-mode="ink"]:root body app-admin main[data-asp-page="timer-backgrounds"] [class~="text-red-300"] {color:#efa3a3 !important}
  html[data-ft-mode]:root body app-admin main[data-asp-page="timer-backgrounds"] button.bg-slate-600 {background:var(--ac-subtle) !important;color:var(--ac-text) !important;border:1px solid var(--ac-line)}
  html[data-ft-mode]:root body app-admin main[data-asp-page="timer-backgrounds"] button.bg-gradient-to-r {background:var(--ac-accent) !important;color:#fff !important;box-shadow:none !important}
  html[data-ft-mode="ink"]:root body app-admin main[data-asp-page="timer-backgrounds"] button.bg-gradient-to-r {color:#13161b !important}
  @media(max-width:899px) {
    html[data-ft-mode]:root body app-admin main[data-asp-page="llm"] .flex.overflow-x-auto {flex-wrap:wrap !important;overflow:visible !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-title {font-size:23px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-title-block {min-width:0;flex-basis:100%}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-field {min-width:0;flex-basis:100%;width:100%}
    html[data-ft-mode]:root body app-admin main[data-asp-page] :is(button,[role="button"],summary) {min-height:44px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] :is(input:not([type="checkbox"]):not([type="radio"]),select) {min-height:44px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-search-clear {min-height:38px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table {display:block !important;min-width:0 !important;width:100% !important;table-layout:auto !important;background:transparent !important;border:0 !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table thead {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table tbody {display:grid !important;gap:14px !important;width:100% !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table tr {display:block !important;width:100% !important;max-width:100%;border:1px solid var(--ac-line) !important;background:var(--ac-panel) !important;border-radius:10px !important;overflow:hidden}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td {display:block !important;width:100% !important;min-width:0 !important;max-width:none !important;padding:12px 14px !important;text-align:left !important;white-space:normal !important;box-sizing:border-box;border-bottom:1px solid var(--ac-line) !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td::before {content:attr(data-asp-label) !important;display:block !important;font-size:11px !important;font-weight:500 !important;line-height:1.5 !important;color:var(--ac-muted) !important;margin-bottom:5px !important;float:none !important;min-width:0 !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table .asp-empty-row td::before {display:none !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td:last-child {border-bottom:0 !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-table td:last-child > .flex {flex-wrap:wrap !important;gap:8px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-fold > summary {padding:15px}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-settings-index {display:block !important;width:100% !important;min-width:0 !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-settings-index > div {position:static !important;display:flex;gap:6px;overflow-x:auto;background:var(--ac-panel) !important;border:1px solid var(--ac-line) !important;padding:8px !important;white-space:nowrap}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-settings-index a {display:inline-flex;align-items:center;min-height:44px;flex:none;margin:0 !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] .asp-settings-index > div > div {display:none}
    html[data-ft-mode]:root body app-admin main[data-asp-page] app-admin-settings-tab > .flex {flex-direction:column !important;gap:20px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.flex.justify-between,.flex.items-center,.flex.items-end) {flex-wrap:wrap}
    html[data-ft-mode]:root body app-admin main[data-asp-page="announcements"] .group {align-items:start !important;flex-direction:column;gap:14px}
    html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.p-6,.p-8) {padding:18px !important}
    html[data-ft-mode]:root body app-admin main[data-asp-page] :is(.fixed.bottom-6,.fixed.bottom-4) {max-width:calc(100vw - 24px);width:max-content;border-radius:10px !important;flex-wrap:wrap;gap:10px;padding:12px !important}
  }
}