:root{color-scheme:dark;--bg:#07111d;--panel:#0e1b2b;--line:#243a52;--text:#f4f8fc;--muted:#9db0c5;--cyan:#38d5e8;--red:#ff7777}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#15324a 0,var(--bg) 42%);color:var(--text);font:15px/1.55 Inter,Segoe UI,sans-serif;min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:18px 28px;background:#07101bef;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand{color:white;text-decoration:none;font-size:21px;font-weight:800;white-space:nowrap}.brand span{color:var(--cyan);font-weight:500}.topbar nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}.topbar nav a{color:#cad7e5;text-decoration:none;padding:8px 10px;border-radius:8px}.topbar nav a:hover,.topbar nav a:focus{background:#183149;color:white;outline:2px solid var(--cyan)}button{border:1px solid #57d9e7;background:#1b6475;color:white;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer}button:hover,button:focus{background:#257f92;outline:2px solid white;outline-offset:2px}button.secondary{background:#263547;border-color:#526579}.logout{margin:0}main{width:min(1500px,calc(100% - 48px));margin:34px auto 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}h1{font-size:34px;margin:0}h2{margin-top:0}h3{margin-bottom:6px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);font-weight:800;font-size:12px;margin:0 0 5px}.panel,.login-card{background:linear-gradient(145deg,#112338,#0b1827);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 16px 40px #0004}.login-card{width:min(520px,100%);margin:12vh auto}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px}.metric-grid article{background:#0e1c2c;border:1px solid var(--line);border-radius:12px;padding:20px}.metric-grid span{display:block;color:var(--muted)}.metric-grid strong{display:block;font-size:23px;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}.stack{display:grid;gap:14px}.stack button,.form-grid button{justify-self:start}label{display:grid;gap:6px;color:#cbd7e4;font-weight:650}label.check{display:flex;align-items:center;gap:9px}input,textarea,select{width:100%;border:1px solid #365069;background:#071321;color:white;border-radius:8px;padding:10px 12px;font:inherit}textarea{min-height:90px;resize:vertical}textarea.code{font:13px/1.45 Consolas,monospace;min-height:150px}input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);border-color:transparent}.cards,.article-list{display:grid;gap:12px}.record,.article-list article{border:1px solid var(--line);border-radius:10px;padding:16px;background:#0a1623}.article-list article{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center}.article-list small{grid-column:2;color:var(--muted)}.status{display:inline-block;padding:3px 8px;border-radius:999px;background:#26394d;color:#dce8f2;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.status.published,.status.info{background:#175665}.status.staged,.status.warning{background:#665128}.status.retired,.status.critical{background:#652c37}.status.protected{background:#604a20;color:#ffe1a1}.actions,.inline-form,.row-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form{margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compact-list{list-style:none;padding:0}.compact-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #26394d}.compact-list span,.muted{color:var(--muted)}details{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}summary{cursor:pointer;color:var(--cyan);font-weight:750;margin-bottom:16px}.tv-preview{aspect-ratio:16/9;max-width:960px;background:linear-gradient(135deg,#09121f,#17314a);border:8px solid #02060a;border-radius:8px;padding:5%;box-shadow:inset 0 0 0 2px #2e4a65}.tv-safe{height:100%;border:1px dashed #5d7288;padding:5%;font-size:clamp(12px,1.5vw,24px)}.tv-safe h3{font-size:2em}.preview-focus{display:inline-block;border:4px solid var(--cyan);padding:12px 20px;border-radius:8px;margin-top:30px}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.mono{font-family:Consolas,monospace;font-size:12px}.alert.error{border:1px solid var(--red);background:#431e27;padding:10px;border-radius:8px}.warning-panel{border-color:#806638}footer{text-align:center;color:#71869b;padding:25px}@media(max-width:850px){.topbar{align-items:flex-start;flex-wrap:wrap}.form-grid,.split{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}main{width:calc(100% - 24px)}}
table{width:100%;border-collapse:collapse;margin-top:16px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}
td code{font-size:12px;color:var(--cyan);word-break:break-all}
fieldset{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0}
legend{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;padding:0 6px}
fieldset .check{display:inline-flex;margin:0 16px 6px 0}
.status.published{background:#12433a;color:#7ff0c8}
.status.retired,.status.draft{background:#2a2f3a;color:#b9c4d3}
.status.warning{background:#4a3a12;color:#ffd68a}
.status.info{background:#123a4a;color:#8ad9f0}
.status.critical{background:#4a1418;color:#ff9a9a}
.status.unpublished{background:#2a2f3a;color:#b9c4d3}
.catalogue-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;gap:16px;align-items:center}
.catalogue-row h3{margin:0}.catalogue-row p{margin:4px 0}.catalogue-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.catalogue-actions form{margin:0}.danger-zone{border-color:#753642}.file-facts{overflow-wrap:anywhere}
.hint{color:var(--muted);font-size:13px;margin-top:6px}
@media(max-width:900px){.catalogue-row{grid-template-columns:1fr}.catalogue-actions{justify-content:flex-start}}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}
.metric-grid article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.metric-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.metric-grid strong{font-size:24px;font-weight:800}
.button-link{display:inline-block;border:1px solid #57d9e7;background:#1b6475;color:white;border-radius:8px;padding:10px 15px;font-weight:700;text-decoration:none}
.button-link:hover,.button-link:focus{background:#257f92;outline:2px solid white;outline-offset:2px}
.secondary-link{background:#263547;border-color:#526579}