/* Shared Iron Agents charcoal / violet identity; Django owns forms and permissions. */
:root, html[data-theme="light"], html[data-theme="dark"] {
  --primary: #aa8bea; --secondary: #24212e; --accent: #d7c1ff;
  --primary-fg: #f1edf7; --body-fg: #e3e0e9; --body-bg: #17171c;
  --body-quiet-color: #aaa6b5; --body-loud-color: #f4f1fa;
  --header-color: #e3e0e9; --header-branding-color: #eee7fb;
  --header-bg: #1b1b22; --header-link-color: #d7c1ff;
  --breadcrumbs-fg: #ada6be; --breadcrumbs-link-fg: #e0d0fc; --breadcrumbs-bg: #202028;
  --link-fg: #c7adf6; --link-hover-color: #ebdcff; --link-selected-fg: #ddc7ff;
  --hairline-color: #30303b; --border-color: #373641;
  --error-fg: #ff989b; --message-success-bg: #243b32; --message-warning-bg: #443b22; --message-error-bg: #47292e;
  --darkened-bg: #202028; --selected-bg: #30283f; --selected-row: #30283f;
  --button-fg: #fff; --button-bg: #7453ad; --button-hover-bg: #8663c1;
  --default-button-bg: #805abd; --default-button-hover-bg: #926ccf;
  --close-button-bg: #45414e; --close-button-hover-bg: #57505f;
  --delete-button-bg: #993e4c; --delete-button-hover-bg: #b34d5e;
  --object-tools-fg: #f0e5ff; --object-tools-bg: #3a2c50; --object-tools-hover-bg: #503b6f;
  color-scheme: dark;
}
html[data-theme="light"] {
  --body-fg: #32303c; --body-bg: #f3f1f6; --body-quiet-color: #686374; --body-loud-color: #23202b;
  --header-bg: #faf9fc; --header-color: #423853; --header-link-color: #70449f;
  --breadcrumbs-bg: #eae5f1; --breadcrumbs-fg: #6a5d7b; --breadcrumbs-link-fg: #57387f;
  --link-fg: #71489d; --link-hover-color: #4e2875; --link-selected-fg: #583581;
  --hairline-color: #e0dbe8; --border-color: #d4cede; --darkened-bg: #ece8f1;
  --selected-bg: #e7d9f7; --selected-row: #e7d9f7; --primary-fg: #fff;
  --message-success-bg: #dcefe3; --message-warning-bg: #fff0cb; --message-error-bg: #ffe0e2;
  --error-fg: #a5273b; color-scheme: light;
}
body {font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.5;}
#header {padding: 18px 32px; border-bottom: 1px solid var(--hairline-color); gap: 24px;}
#branding {min-width: 190px;}
.iron-brand {display: inline-flex; align-items: center; gap: 12px; color: var(--body-loud-color) !important; font-size: 19px; font-weight: 650; letter-spacing: -.5px;}
.iron-mark {width: 38px; height: 38px; display: block; flex-shrink: 0; object-fit: contain; border-radius: 6px;}
.iron-brand small {display: block; font-size: 9px; color: var(--body-quiet-color); letter-spacing: 1.6px; font-weight: 500; margin-top: 1px;}
.iron-console-label {font-size: 11px; color: var(--body-quiet-color);}
#user-tools {font-size: 11px; letter-spacing: .1px; line-height: 1.8;}
div.breadcrumbs {padding: 13px 32px; font-size: 12px; border-bottom: 1px solid var(--hairline-color);}
#content {padding: 32px;}
h1 {font-size: 28px; font-weight: 600; letter-spacing: -.8px;}
h2 {font-weight: 600;}
.iron-overview-heading {margin-bottom: 26px;}
.iron-eyebrow {font-size: 10px; letter-spacing: 1.8px; color: var(--body-quiet-color);}
.iron-overview-heading h1 {font-size: 34px; margin: 12px 0 8px;}
.iron-overview-heading p {color: var(--body-quiet-color); margin: 0;}
.dashboard #content {width: auto; max-width: 1520px; box-sizing: border-box;}
.iron-metrics {display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-bottom: 30px;}
.iron-metric {display: flex; flex-direction: column; gap: 12px; padding: 20px; background: var(--darkened-bg); border: 1px solid var(--hairline-color); border-radius: 13px; color: var(--body-fg) !important;}
.iron-metric:hover {border-color: var(--primary);}
.iron-metric > span {display: flex; justify-content: space-between; font-size: 12px;}
.iron-metric > span span {color: var(--primary);}
.iron-metric strong {font-size: 36px; line-height: 1.2; font-weight: 550; letter-spacing: -1px;}
.iron-metric small {color: var(--body-quiet-color); font-size: 11px;}
.module {border: 1px solid var(--hairline-color); border-radius: 12px; overflow: hidden; margin-bottom: 20px; background: var(--body-bg);}
.module h2, .module caption, .inline-group h2 {padding: 14px 18px; background: var(--darkened-bg); color: var(--body-fg); font-size: 12px; font-weight: 650; letter-spacing: .2px;}
.module caption a.section {color: var(--body-loud-color);}
table {font-size: 13px;}
td, th {padding: 13px 16px; border-color: var(--hairline-color); line-height: 1.5;}
#content-related {background: var(--darkened-bg); border: 1px solid var(--hairline-color); border-radius: 12px;}
#content-related .module {border: 0; background: transparent;}
#content-related .module h2 {border-bottom-color: var(--hairline-color);}
#content-related h3 {font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--body-quiet-color);}
.actionlist li {padding-top: 8px; padding-bottom: 8px; overflow-wrap: anywhere;}
#nav-sidebar {background: var(--header-bg); border-right: 1px solid var(--hairline-color); padding: 14px 10px; box-sizing: border-box;}
#nav-sidebar .module {border: 0; border-radius: 8px;}
#nav-sidebar th, #nav-sidebar td {padding: 9px 10px; font-size: 12px;}
#nav-filter {box-sizing: border-box; border-radius: 8px; margin-bottom: 18px; padding: 10px;}
.toggle-nav-sidebar {background: var(--header-bg); border-color: var(--hairline-color); color: var(--primary);}
.button, input[type=submit], input[type=button], .submit-row input, a.button {border-radius: 7px; padding: 11px 16px; font-size: 12px;}
.object-tools a:link, .object-tools a:visited {border-radius: 7px; padding: 10px 17px; font-size: 11px;}
input:not([type=checkbox]):not([type=radio]), textarea, select {border-radius: 6px;}
input[type=email], input[type=text], input[type=password], input[type=url], input[type=number], textarea {padding: 9px 11px;}
.form-row {padding: 18px 16px;}
.submit-row {border-radius: 10px; padding: 16px;}
#changelist-filter {border-radius: 10px; overflow: hidden; margin-left: 16px;}
#changelist-filter h2 {background: var(--darkened-bg); color: var(--body-fg);}
#changelist-filter h3 {font-size: 13px;}
#changelist .actions {padding: 12px 16px; background: var(--darkened-bg);}
#changelist #toolbar {padding: 16px; border: 0;}
#changelist .paginator {padding: 15px;}
.login #container {border-radius: 16px; border-color: var(--border-color); box-shadow: 0 24px 80px #0003;}
.login #header {padding: 25px;}
.login .iron-console-label {display: none;}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {outline: 2px solid var(--primary); outline-offset: 3px;}
@media (prefers-color-scheme: light) {html[data-theme="auto"] {
  --body-fg: #32303c; --body-bg: #f3f1f6; --body-quiet-color: #686374; --body-loud-color: #23202b;
  --header-bg: #faf9fc; --header-color: #423853; --header-link-color: #70449f;
  --breadcrumbs-bg: #eae5f1; --breadcrumbs-fg: #6a5d7b; --breadcrumbs-link-fg: #57387f;
  --link-fg: #71489d; --link-hover-color: #4e2875; --link-selected-fg: #583581;
  --hairline-color: #e0dbe8; --border-color: #d4cede; --darkened-bg: #ece8f1;
  --selected-bg: #e7d9f7; --selected-row: #e7d9f7; --primary-fg: #fff;
  --message-success-bg: #dcefe3; --message-warning-bg: #fff0cb; --message-error-bg: #ffe0e2;
  --error-fg: #a5273b; color-scheme: light;
}}
@media (max-width: 767px) {#header {padding: 18px; gap: 14px;} #content {padding: 20px;} .iron-console-label {display: none;} .iron-overview-heading h1 {font-size: 28px;} .iron-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));} .iron-metric {padding: 14px;} .iron-metric strong {font-size: 28px;} div.breadcrumbs {padding: 12px 20px;}}
.iron-account {margin: 0; min-height: 100vh; background: var(--body-bg); color: var(--body-fg);}
.iron-account a {color: var(--link-fg); text-decoration: none;}
.iron-account > header {display: flex; align-items: center; justify-content: space-between; padding: 24px 42px; border-bottom: 1px solid var(--hairline-color);}
.iron-account nav {display: flex; gap: 20px; font-size: 12px;}
.iron-account main {max-width: 1080px; margin: 9vh auto; padding: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
.iron-account-intro h2 {font-size: 42px; line-height: 1.2; letter-spacing: -1.8px; font-weight: 550; margin: 24px 0;}
.iron-account-intro > p {line-height: 1.9; color: var(--body-quiet-color); font-size: 14px;}
.iron-account-detail {display: block; border-top: 1px solid var(--hairline-color); margin-top: 48px; padding-top: 24px; font-size: 9px; letter-spacing: 2px; color: var(--body-quiet-color);}
.iron-account-card {background: var(--darkened-bg); border: 1px solid var(--border-color); border-radius: 18px; padding: 34px; box-shadow: 0 24px 70px #0002;}
.iron-account-card h1 {margin: 10px 0;}
.iron-account-card > p {font-size: 13px; line-height: 1.7; color: var(--body-quiet-color);}
.iron-account-card form {margin-top: 24px;}
.iron-account-card form p {font-size: 12px; line-height: 1.7;}
.iron-account-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {width: 100%; box-sizing: border-box; background: var(--body-bg); color: var(--body-fg); border: 1px solid var(--border-color); margin: 7px 0; padding: 12px;}
.iron-account-card label {display: inline-block;}
.iron-account-card button {background: var(--button-bg); color: var(--button-fg); border: 0; border-radius: 7px; padding: 12px 20px; cursor: pointer;}
.iron-account-card form > button {width: 100%; margin-top: 8px;}
.iron-account-card .errorlist {color: var(--error-fg); padding-left: 18px; font-size: 12px;}
.iron-account-card .helptext {display: block; font-size: 11px; color: var(--body-quiet-color);}
.iron-account-card .iron-account-help {font-size: 11px; border-top: 1px solid var(--border-color); padding-top: 20px; margin-top: 24px;}
.iron-skip {position: absolute; left: -9999px;}
.iron-skip:focus {left: 16px; top: 12px; background: var(--body-bg); padding: 12px; z-index: 5;}
@media (max-width: 767px) {.iron-account > header {padding: 20px;} .iron-account main {display: block; margin: 20px auto; max-width: 470px; padding: 20px;} .iron-account-intro {display: none;} .iron-account-card {padding: 24px;} .iron-account nav {gap: 10px; font-size: 10px;}}

@media (min-width: 1025px) {.dashboard .iron-metrics {margin-right: -300px;}}