/* Django technical admin adapts the portal foundation to Django's variables. */
:root {
  --header-bg: var(--chrome);
  --header-color: var(--text);
  --breadcrumbs-bg: var(--panel);
  --breadcrumbs-fg: var(--muted);
  --body-bg: var(--bg);
  --body-fg: var(--text);
  --darkened-bg: var(--field);
  --selected-bg: var(--panel-raised);
  --hairline-color: var(--line);
  --border-color: var(--line);
  --link-fg: var(--violet);
  --link-hover-color: var(--gold);
}
body { background: var(--edition-grain), var(--body-bg); }
#header { min-height:68px; border-bottom:1px solid var(--line); background:var(--edition-grain),var(--chrome); }
.codex-admin-brand { display:flex; align-items:baseline; gap:16px; }
.codex-admin-brand a { color:var(--gold); font:400 24px var(--edition-serif); text-decoration:none; }
.codex-admin-brand span { color:var(--muted); font-size:12px; }
.codex-back { color:var(--violet)!important; text-decoration:none; }
.module caption,.inline-group h2 { background:var(--panel-raised); color:var(--text); }
div.breadcrumbs { border-bottom:1px solid var(--line); }
input,textarea,select { background:var(--field); color:var(--text); border-color:var(--line); }
.button,input[type=submit],input[type=button],.submit-row input { background:var(--panel-raised); color:var(--text); border:1px solid var(--line); border-radius:7px; }
.button.default,input[type=submit].default,.submit-row input.default { background:var(--edition-paper); color:var(--edition-ink); }
:focus-visible { outline:2px solid var(--violet); outline-offset:3px; }
@media(max-width:700px) { .codex-admin-brand { flex-wrap:wrap; gap:8px; } }

/* Historical classic treatment; the adaptive layout above remains shared. */
:root:where([data-portal-style="classic"]){--primary:#8b5cf6;--secondary:#d4aa5a;--accent:#f2d69d;--header-bg:#090c14;--header-color:#edf1fa;--breadcrumbs-bg:#171225;--breadcrumbs-fg:#d6c8fb;--body-bg:#080b12;--body-fg:#edf1fa;--darkened-bg:#121724;--selected-bg:#251d3a;--hairline-color:#293247;--border-color:#35415b;--link-fg:#bda7ff;--link-hover-color:#d4aa5a}
:where([data-portal-style="classic"]) #header{min-height:68px;border-bottom:1px solid var(--hairline-color)}
:where([data-portal-style="classic"]) .codex-admin-brand{display:flex;align-items:baseline;gap:16px}
:where([data-portal-style="classic"]) .codex-admin-brand a{color:var(--secondary);font:700 21px Georgia,serif;text-decoration:none}
:where([data-portal-style="classic"]) .codex-admin-brand span{color:#9da8ba;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
:where([data-portal-style="classic"]) .codex-back{color:#d6c8fb!important;text-decoration:none}
:where([data-portal-style="classic"]) .module caption,:where([data-portal-style="classic"]) .inline-group h2{background:#251d3a}
:where([data-portal-style="classic"]) div.breadcrumbs{border-bottom:1px solid var(--hairline-color)}
:where([data-portal-style="classic"]) input,:where([data-portal-style="classic"]) textarea,:where([data-portal-style="classic"]) select{background:#090d16!important;color:var(--body-fg)!important;border-color:var(--border-color)!important}
:where([data-portal-style="classic"]) .button,:where([data-portal-style="classic"]) input[type=submit],:where([data-portal-style="classic"]) input[type=button],:where([data-portal-style="classic"]) .submit-row input{background:#7445dd!important}
:where([data-portal-style="classic"]) .button.default,:where([data-portal-style="classic"]) input[type=submit].default,:where([data-portal-style="classic"]) .submit-row input.default{background:#8b5cf6!important}

html[data-portal-style="classic"][data-theme="light"]{--header-bg:var(--chrome);--header-color:var(--text);--body-bg:var(--bg);--body-fg:var(--text);--breadcrumbs-bg:var(--panel);--darkened-bg:var(--field);--selected-bg:var(--panel-raised);--link-fg:var(--violet);--border-color:var(--line);}
html[data-portal-style="classic"] body{background:var(--body-bg);}
html[data-portal-style="classic"][data-theme="light"] :is(input,textarea,select){background:var(--field)!important;}