.alerts-page { background: #090a0a; color: var(--ink); }
.alerts-shell { display: grid; grid-template-columns: 270px minmax(0,1fr); min-height: calc(100vh - 58px); border-top: 1px solid var(--line); }
.alerts-sidebar { display: flex; flex-direction: column; gap: 1rem; padding: 1.4rem; border-right: 1px solid var(--line); background: #101111; }
.alerts-sidebar header span,.alerts-inspector header span,.alerts-head label,.alerts-sidebar label,.alerts-list-heading,.alerts-preflight header,.alerts-test header { color: var(--acid); font: .58rem var(--mono); letter-spacing: .07em; }
.alerts-sidebar h1 { margin: .5rem 0; font-size: 2rem; font-weight: 500; }
.alerts-sidebar p,.alerts-inspector p,.alerts-test p { color: var(--muted); font-size: .78rem; line-height: 1.5; }
.alerts-sidebar label,.alerts-head label,.alerts-config label { display: grid; gap: .45rem; }
.alerts-page input,.alerts-page select,.alerts-page button { font: inherit; }
.alerts-page input,.alerts-page select { min-width: 0; padding: .55rem .65rem; border: 1px solid var(--line-strong); border-radius: 3px; color: var(--ink); background: #171919; }
.alerts-page button { cursor: pointer; }
.alerts-sidebar > button,.alerts-head > button,.alerts-config button { padding: .58rem .75rem; border: 1px solid var(--line-strong); border-radius: 3px; color: var(--ink); background: #1b1d1d; font: .61rem var(--mono); }
.alerts-sidebar > button:hover,.alerts-head > button:hover,.alerts-config button:hover { border-color: var(--acid); }
.alerts-sidebar > #alerts-plus-activate { border-color: var(--acid); color: var(--acid); }
.alerts-plus-login { color: var(--acid); font: .65rem/1.5 var(--mono); text-decoration: none; }
.alerts-plus-login:hover { text-decoration: underline; }
.alerts-plus-dialog p { margin: 0; padding: 16px 20px; color: var(--ink); font: .75rem/1.55 var(--reading); }
.alerts-plus-dialog .alerts-plus-confirm { border-color: var(--acid); color: var(--acid); }
.alerts-head > button:disabled { opacity: .4; cursor: default; }
.alerts-list-heading { display: flex; justify-content: space-between; margin-top: 1rem; color: var(--muted); }
.alerts-list { display: grid; align-content: start; gap: .35rem; overflow: auto; max-height: 55vh; }
.alerts-list button { display: grid; gap: .25rem; width: 100%; padding: .7rem; border: 1px solid var(--line); color: var(--ink); background: #151616; text-align: left; }
.alerts-list button[aria-current="true"] { border-color: var(--acid); }
.alerts-list small,.alerts-note { color: var(--dim); font: .58rem/1.5 var(--mono); }
.alerts-editor { min-width: 0; }
.alerts-head { display: flex; flex-wrap: wrap; gap: .55rem; align-items: end; padding: .8rem 1rem; border-bottom: 1px solid var(--line); }
.alerts-head label:first-child { flex: 1 1 240px; }
.alerts-head label:nth-child(2) { flex: 0 1 115px; }
.alerts-head input,.alerts-head select { width: 100%; }
.alerts-status { min-height: 25px; padding: .35rem 1rem; border-bottom: 1px solid var(--line); color: var(--dim); font: .55rem var(--mono); }
.alerts-content { display: flex; min-width: 0; }
.alerts-canvas-column { flex: 1 1 auto; min-width: 0; }
.alerts-canvas-column .workspace-graph { height: min(67vh,760px); min-height: 480px; }
.alerts-canvas-column .workspace-graph-toolbar { grid-template-columns: auto minmax(0,1fr) auto; }
.alerts-inspector { flex: 0 0 auto; width: 288px; min-width: 240px; max-width: 500px; padding: 1.2rem; border-left: 1px solid var(--line); background: #111212; resize: horizontal; overflow: auto; }
.alerts-inspector h2 { margin: .5rem 0; font-size: 1.2rem; font-weight: 500; }
.alerts-config { display: grid; gap: .8rem; margin: 1.2rem 0; }
.alerts-config label { color: var(--muted); font: .62rem var(--mono); }
.alerts-config input,.alerts-config select { width: 100%; }
.alerts-config label.alerts-check { display: flex; align-items: center; gap: .6rem; min-height: 32px; cursor: pointer; }
.alerts-config .alerts-check input[type="checkbox"] { width: 20px; height: 20px; margin: 0; flex: 0 0 20px; }
.alerts-config .alerts-zone { display: grid; grid-template-columns: repeat(2,1fr); gap: .5rem; }
.alerts-config .alerts-zone[hidden] { display: none; }
.alerts-config small { color: var(--dim); font: .54rem/1.5 var(--mono); }
.alerts-preflight,.alerts-test { border-top: 1px solid var(--line); padding: 1rem 1.2rem; }
.alerts-preflight header,.alerts-test header { display: flex; justify-content: space-between; }
.alerts-preflight header span[data-valid="true"] { color: var(--acid); }
.alerts-preflight header span[data-valid="false"] { color: #e18778; }
.alerts-metrics { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .65rem; color: var(--muted); font: .58rem var(--mono); }
.alerts-preflight ul { display: grid; gap: .2rem; margin: .6rem 0 0; padding-left: 1.1rem; color: #e18778; font: .62rem/1.5 var(--mono); }
.alerts-test-results { display: grid; gap: .5rem; }
#alerts-test-results { display: grid; gap: .5rem; margin-top: .7rem; font: .64rem/1.5 var(--mono); }
#alerts-test-results article { display: grid; gap: .2rem; padding: .6rem; border: 1px solid var(--line); }
#alerts-test-results a { color: var(--acid); }
.alerts-page .workspace-node-dialog[data-catalog-role="delivery"] [data-node-role]:not([data-node-role="delivery"]) { display: none; }
.alerts-page .workspace-node-catalog button:disabled { opacity: .35; cursor: not-allowed; }
@media (max-width: 1160px) { .alerts-shell { grid-template-columns: 220px minmax(0,1fr); } .alerts-content { display: block; } .alerts-inspector { width: auto; max-width: none; border-left: 0; border-top: 1px solid var(--line); resize: none; } }
@media (max-width: 760px) { .alerts-shell { display: block; } .alerts-sidebar { border-right: 0; border-bottom: 1px solid var(--line); } .alerts-list { max-height: 180px; } .alerts-canvas-column .workspace-graph { min-height: 560px; } .alerts-canvas-column .workspace-graph-toolbar { grid-template-columns: 1fr; } .alerts-canvas-column .workspace-graph-toolbar > span { display: none; } .alerts-canvas-column .workspace-graph-toolbar > div { flex-wrap: wrap; } }