:root{color-scheme:dark;--ink:#09111c;--rail:#121c2a;--panel:#151f2d;--panel-2:#1b2737;--line:#2a394d;--text:#edf2f8;--muted:#91a0b5;--blue:#6d8cff;--green:#39d5ad;--amber:#e6a63a;--red:#ff756d;font-family:"Segoe UI Variable","Aptos",system-ui,sans-serif}*{box-sizing:border-box}html{min-width:0;background:var(--ink)}body{margin:0;min-height:100vh;background:var(--ink);color:var(--text);font-size:14px;padding:64px 0 0 88px}a{color:#98adff;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}.skip{position:fixed;left:104px;top:-60px;z-index:30;background:#fff;color:#111;padding:10px 14px}.skip:focus{top:8px}.rail{position:fixed;inset:0 auto 0 0;z-index:20;width:88px;padding:12px 8px;background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:7px}.brand{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:10px;background:var(--blue);color:#09111c;font-size:21px;font-weight:900}.rail-link,.rail-logout button{width:72px;min-height:64px;border:0;border-radius:10px;background:transparent;color:#9eacbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.rail-link span,.rail-logout span{font-size:21px}.rail-link b,.rail-logout b{font-size:10px}.rail-link.active{color:#9fb1ff;background:#1e2d5a;box-shadow:inset 3px 0 var(--blue)}.rail-logout{margin-top:auto}.topbar{position:fixed;inset:0 0 auto 88px;height:64px;z-index:15;background:#121c2af2;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;backdrop-filter:blur(10px)}.context{display:flex;align-items:center;gap:10px;min-width:0}.context span,.context strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-state{white-space:nowrap;color:var(--muted);font-size:12px;border:1px solid var(--line);padding:7px 10px;border-radius:7px}.live-state span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #39d5ad1c;margin-right:6px}main{width:min(100%,1440px);margin:auto;padding:22px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.heading h1{font-size:27px;line-height:1.1;margin:3px 0 6px;letter-spacing:-.02em}.heading p{margin:0;color:var(--muted)}.eyebrow{margin:0!important;color:#7287a2!important;font-size:10px!important;font-weight:800;letter-spacing:.12em}.muted,.limit-note{color:var(--muted)}code{font-family:"Cascadia Code","JetBrains Mono",Consolas,monospace;font-size:.92em}.panel,.company-block,.entry-strip,.workspace-meta article,.editor-section,.conflict-shell{background:var(--panel);border:1px solid var(--line);border-radius:12px}.notice{border:1px solid var(--line);border-left:4px solid var(--amber);background:#251d11;padding:12px 15px;border-radius:9px;margin-bottom:14px}.notice.success{border-left-color:var(--green);background:#0c221d}.notice.danger{border-left-color:var(--red);background:#291617}.notice ul{margin:7px 0 0;padding-left:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font-weight:700;cursor:pointer}.button.primary{background:var(--blue);border-color:var(--blue);color:#07101d}.button.publish{background:#173e36;border-color:#2d8f77;color:#8ef0d1}.company-ledger{display:grid;gap:14px}.company-block>header,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line)}.company-block h2,.panel-head h2{margin:3px 0 0;font-size:18px}.status-pill,.pin,.action-badge{display:inline-flex;border-radius:5px;padding:3px 7px;background:#253247;color:#c0cad7;font-size:11px;font-weight:700}.status-pill.ok{color:var(--green)}.status-pill.off{color:var(--amber)}.table-wrap{width:100%;overflow:auto;overscroll-behavior-inline:contain}table{width:100%;min-width:850px;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--panel-2);color:var(--muted);font-size:11px;letter-spacing:.035em}tbody tr:last-child td{border-bottom:0}.text-link,.row-actions>a{font-weight:700}.empty-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:24px;padding:30px}.empty-state h2{margin:0 0 8px}.empty-index{font:800 58px/1 "Cascadia Code",monospace;color:#29394d}.entry-strip{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;padding:14px 16px;margin-bottom:12px}.entry-list{display:flex;gap:8px;justify-content:flex-end;overflow:auto}.entry-list>span{display:flex;flex-direction:column;min-width:180px;padding:8px 10px;background:#0e1724;border:1px solid var(--line);border-radius:7px}.entry-list small{color:var(--muted)}.workspace-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.workspace-meta article{padding:13px 15px}.workspace-meta span{display:block;color:var(--muted);font-size:11px}.workspace-meta strong{font-size:20px}.panel-head p{max-width:500px;margin:0;color:var(--muted)}.routes-panel{overflow:hidden}.routes-table tr{border-left:3px solid var(--blue)}.routes-table tr.disabled{opacity:.58}.routes-table tr.default{border-left-color:var(--amber);background:#1e1a11}.truncate{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.row-actions{min-width:170px}.row-actions form{margin-top:7px}.row-actions button{border:0;background:none;color:#98adff;padding:0;cursor:pointer;font-weight:700}.editor-grid{display:grid;gap:11px}.editor-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:16px}.section-number{margin:2px 0;font:800 19px/1 "Cascadia Code",monospace;color:#536984}.editor-section h2{margin:0 0 14px;font-size:17px}.editor-section label,.login-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;margin:10px 0}.editor-section input,.editor-section select,.login-form input{width:100%;min-width:0;background:#0c1522;color:var(--text);border:1px solid #34465e;border-radius:7px;padding:10px 11px}.editor-section .check{display:flex;align-items:center}.editor-section .check input{width:auto}.condition-rows{display:grid;gap:8px}.condition-row{position:relative;margin:0;padding:13px 44px 10px 12px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:9px}.condition-row legend{padding:0 5px;color:var(--muted);font-size:11px}.condition-row label{margin:0}.icon-button{position:absolute;right:10px;top:26px;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:#202d3e;color:var(--muted);cursor:pointer}.editor-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;background:#09111ee8;border-top:1px solid var(--line);padding:13px;backdrop-filter:blur(8px)}.conflict-shell{max-width:920px;margin:24px auto;padding:22px;border-top:4px solid var(--amber)}.conflict-shell h1{margin:5px 0 8px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.compare-grid article{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:14px}.compare-grid h2{font-size:16px}.compare-grid dl{display:grid;grid-template-columns:110px 1fr;gap:6px;margin:0}.compare-grid dt{color:var(--muted)}.compare-grid dd{margin:0}.recovery-actions{display:flex;flex-wrap:wrap;gap:9px}.recovery-actions form{display:flex}.login-page{padding:0;background:radial-gradient(circle at 65% 20%,#162a45 0,transparent 36%),var(--ink)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#111c2a;border:1px solid var(--line);border-top:4px solid var(--blue);padding:28px;border-radius:13px;box-shadow:0 26px 80px #0008}.login-card h1{margin:5px 0 9px}.login-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--blue);color:#09111c;font-weight:900;border-radius:9px;margin-bottom:18px}.login-form{margin-top:20px}.login-form .button{width:100%;margin-top:8px}:focus-visible{outline:3px solid #afbdff;outline-offset:3px}@media(max-width:1320px){body{padding-left:72px}.rail{width:72px}.topbar{left:72px}.rail-link,.rail-logout button{width:58px}.rail-link b,.rail-logout b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}main{padding:18px}.condition-row{grid-template-columns:1fr 1fr}.condition-row label:last-of-type{grid-column:1/-1}.truncate{max-width:210px}}@media(max-width:900px){.live-state{display:none}.workspace-meta{grid-template-columns:repeat(2,1fr)}.entry-strip,.compare-grid{grid-template-columns:1fr}.entry-list{justify-content:flex-start}.heading{align-items:start;flex-direction:column}.condition-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.condition-readonly{margin:10px 0 14px;padding:13px 15px;border-left:3px solid var(--amber)}.condition-readonly p{margin:7px 0;color:var(--text);line-height:1.5}
.condition-relation{display:inline-block;margin-left:6px;padding:3px 7px;border:1px solid #4664a6;border-radius:999px;color:#c9d4ff;font:700 10px/1.2 "Cascadia Code","JetBrains Mono",Consolas,monospace;letter-spacing:.04em;vertical-align:middle}.condition-summary{margin:0 0 7px;padding:11px 13px;border-left:3px solid var(--blue);background:#0f1b31;color:var(--text);font-weight:650;line-height:1.5}.condition-status{min-height:18px;margin:0 0 8px;color:var(--muted);font-size:12px}.condition-row{padding:14px 52px 12px 13px;align-items:start}.condition-row label{color:var(--muted)}.control-label{display:flex;align-items:center;gap:7px;color:var(--text);font-weight:700}.control-label code{color:#90a5d2;font-size:10px;font-weight:500}.field-help{display:block;margin:-4px 0 3px;color:var(--muted);font-size:11px;line-height:1.35}.condition-row input,.condition-row select{min-height:40px}.condition-row small[data-condition-unknown-help]{grid-column:1/-1;margin:0;color:#e6b966;font-size:11px;line-height:1.4}.condition-param-wrap,.condition-value-wrap{min-width:0}.condition-param-wrap[hidden],.condition-value-wrap[hidden]{display:none}.icon-button{top:35px;right:10px;width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px}.condition-row.has-error{border-color:var(--red);box-shadow:0 0 0 1px #ff756d55}.condition-error{grid-column:1/-1;margin:0;color:#ffaaa4;font-size:11px;line-height:1.4}.error-technical{color:var(--muted);font-size:10px}.notice.danger a{display:inline-block;margin-left:8px;font-weight:700}.notice.danger .error-technical{margin-left:5px}.condition-rows+.button{margin-top:9px}@media(max-width:1320px){.condition-row{grid-template-columns:1fr 1fr}.condition-row .condition-value-wrap,.condition-row .condition-unknown-help{grid-column:1/-1}}@media(max-width:900px){.condition-row{grid-template-columns:1fr}.condition-row .condition-value-wrap,.condition-row .condition-unknown-help{grid-column:auto}.condition-row{padding-right:58px}}
.condition-control-group{min-width:0;display:grid;align-content:start;gap:2px}.condition-control-group>.field-help{margin:0}

.header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.header-actions form{display:flex}.ordinary-empty{justify-content:flex-start;min-height:170px;margin:12px 0}.ordinary-empty h2{margin:0 0 8px}.ordinary-empty p{max-width:780px;margin:0 0 9px;line-height:1.5}.ordinary-empty .button{margin-top:5px}.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.row-actions form{margin:0}.row-actions button{min-height:28px;padding:2px 0}.row-order-actions{display:flex;flex-wrap:wrap;gap:8px}.row-order-actions form{display:flex}.row-order-actions button:disabled{color:#53647a;cursor:not-allowed}.danger-link{color:#ffaaa4!important}.legacy-route-actions{margin-top:2px;color:var(--muted);font-size:11px}.legacy-route-actions summary{cursor:pointer}.legacy-route-actions form{margin-top:5px}
.setup-guide{margin-bottom:12px;overflow:hidden}.setup-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-step{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 15px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.setup-step:nth-child(even){border-right:0}.setup-step:nth-last-child(-n+2){border-bottom:0}.setup-marker{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#26364a;color:var(--muted);font-weight:800}.setup-completed .setup-marker{background:#164639;color:var(--green)}.setup-current .setup-marker{background:#49371b;color:var(--amber)}.setup-optional{opacity:.72}.setup-step strong{display:block}.setup-step p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.35}.setup-step a:not(.button){font-size:12px;font-weight:700}.setup-next{min-width:150px}.simulator-panel{margin-top:12px;overflow:hidden}.simulator-form{padding:16px}.simulator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.simulator-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}.simulator-form input,.simulator-form select{width:100%;background:#0c1522;color:var(--text);border:1px solid #34465e;border-radius:7px;padding:10px 11px}.simulator-form small{color:var(--muted)}.simulator-params{margin:14px 0;padding:11px;border:1px solid var(--line);border-radius:8px}.simulator-params legend{padding:0 5px;color:var(--muted);font-size:12px}.simulator-param-row{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:7px}.simulator-params-js .simulator-param-row{grid-template-columns:1fr 2fr auto}.simulator-param-add{margin-top:9px}.simulation-result{margin:0 16px 16px;padding:14px;border:1px solid #2d8f77;border-left:3px solid var(--green);border-radius:8px;background:#0c221d}.simulation-result h3{margin:0 0 8px;font-size:15px}.simulation-result h4{margin:14px 0 5px;font-size:13px}.simulation-result p{margin:6px 0}.simulation-result ul{margin:5px 0;padding-left:20px}@media(max-width:900px){.setup-steps,.simulator-grid{grid-template-columns:1fr}.setup-step,.setup-step:nth-child(even){border-right:0}.setup-step:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.setup-step:last-child{border-bottom:0}.setup-next{grid-column:2}}
.setup-state{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.rail-caption{margin:8px 0 0;padding:0;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5c6f86;text-align:center;width:72px}
.rail-caption+p,.rail-caption+a{margin-top:0}
.campaign-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:8px 0;border-bottom:1px solid var(--line)}
.campaign-tabs a{min-height:36px;padding:6px 12px;border-radius:8px;font-weight:700;color:#9eacbf}
.campaign-tabs a.active{background:#1e2d5a;color:#9fb1ff}
.launch-center{margin-bottom:12px;overflow:hidden}
.launch-body{display:grid;gap:12px;padding:16px}
.launch-state{margin:0;padding:8px 12px;border-radius:8px;background:#1e2d5a}
.launch-ready{background:#0c221d;color:var(--green)}
.launch-check_failed,.launch-archived{background:#291617;color:#ffaaa4}
.launch-url-field{display:grid;gap:6px;color:var(--muted);font-size:12px}
.launch-url-field input{width:100%;background:#0c1522;color:var(--text);border:1px solid #34465e;border-radius:7px;padding:10px 11px}
.launch-url-actions,.param-preview-form,.published-test form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.launch-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.launch-meta div{background:#0e1724;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.launch-meta dt{color:var(--muted);font-size:11px}
.launch-meta dd{margin:4px 0 0;font-weight:700}
.launch-params,.published-test{border-top:1px solid var(--line);padding-top:12px}
.launch-params h3,.published-test h3{margin:0 0 8px;font-size:16px}
.launch-params label,.published-test label{display:grid;gap:5px;color:var(--muted);font-size:12px;min-width:180px}
.launch-params input,.published-test input,.published-test select{background:#0c1522;color:var(--text);border:1px solid #34465e;border-radius:7px;padding:10px 11px}
.launch-diagnostics{color:var(--muted);font-size:12px}
.launch-diagnostics summary{cursor:pointer;font-weight:700}
.advanced-settings{grid-column:1/-1}
.advanced-settings summary{cursor:pointer;font-weight:700;margin-bottom:8px}
@media(max-width:900px){.launch-meta{grid-template-columns:1fr}}
.org-chooser .control-label{font-size:11px;color:var(--muted)}
.organizations-panel{margin-top:12px}
@media(max-width:900px){.org-chooser{justify-content:flex-start}}

/* UX-006: daily workbench. Shared across real Operator screens. */
:root {
  color-scheme: light;
  --ink: #f4f6f8;
  --rail: #18232c;
  --panel: #fff;
  --panel-2: #f7f9fa;
  --line: #e1e7ea;
  --text: #24343d;
  --muted: #647780;
  --blue: #177965;
  --green: #16755f;
  --amber: #956b1b;
  --red: #b34444;
  font-family: "Aptos", "Segoe UI", sans-serif;
}
body {padding: 62px 0 0 204px; font-size: 14px; line-height: 1.45; background: var(--ink)}
body [hidden] {display: none !important}
a {color: #177965}
a:hover {color: #0c5949; text-decoration: none}
button, a, input, select, textarea {touch-action: manipulation}
button, .button {transition: background-color .12s, border-color .12s}
button:disabled {cursor: not-allowed}
:focus-visible {outline: 3px solid #48a38e; outline-offset: 3px}
main {max-width: 1540px; padding: 27px 30px 48px; margin: 0 auto; width: 100%; min-width: 0}
.rail {width: 204px; padding: 23px 12px 14px; gap: 4px; border: 0; align-items: stretch; background: #18232c; color: #a4b3bc}
.brand {width: auto; height: auto; display: flex; gap: 11px; margin: 0 8px 32px; padding: 0; background: none; border-radius: 0; color: #f4f8f9}
.brand:hover {color: white}
.brand > span {display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #46baa1; color: #102b26; font-size: 23px; font-weight: 800}
.brand > b {font-size: 22px; line-height: 1.1; letter-spacing: .015em}
.brand small {display: block; font-size: 10px; font-weight: 400; letter-spacing: 0; color: #91a6b2; margin-top: 5px}
.rail-caption {color: #7f959f; font-size: 9px; font-weight: 700; letter-spacing: .12em; margin: 0 13px 8px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.rail-campaign-name {margin-top: 27px; font-size: 11px; text-transform: none; letter-spacing: .03em}
.rail-link, .rail-logout button {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 11px; padding: 10px 13px; width: 100%; min-height: 42px; border-radius: 6px; color: #aebdc4}
.rail-link span, .rail-logout span {font-size: 20px; width: 21px; text-align: center; flex: 0 0 21px}
.rail-link b, .rail-logout b {position: static; width: auto; height: auto; overflow: visible; clip: auto; font-size: 12px; font-weight: 550}
.rail-link:hover, .rail-logout button:hover {color: #fff; background: #26383f}
.rail-link.active {color: #e0fff6; background: #244139; box-shadow: inset 2px 0 #54c7a9}
.rail-bottom {margin-top: auto; border-top: 1px solid #314047; padding-top: 13px}
.rail-logout {margin: 2px 0 0}
.topbar {height: 62px; left: 204px; padding: 0 30px; background: #ffffffed; color: var(--text); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px)}
.context {font-size: 12px; gap: 12px; max-width: 75%}
.context a {color: #667d87}
.context strong {font-weight: 600; color: #24343d}
.context > span {color: #a3afb5}
.topbar-caption {font-size: 11px; color: #819198}
.skip {left: 220px; z-index: 100}
.heading {align-items: center; gap: 18px; margin-bottom: 23px}
.heading h1 {color: #20323a; font-size: 29px; line-height: 1.2; font-weight: 680; letter-spacing: -.6px; margin: 5px 0 7px}
.heading p {font-size: 13px; max-width: 680px; line-height: 1.45; color: var(--muted); margin: 0}
.heading .eyebrow {font-size: 9px; letter-spacing: .14em; font-weight: 750; color: #748992}
.header-actions {gap: 9px; flex-shrink: 0}
.header-actions .button {width:auto}
.button, button.button {border: 1px solid #d4dedf; border-radius: 6px; background: #fff; color: #38505b; padding: 9px 14px; min-height: 37px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; font-weight: 650; line-height: 1.4; white-space: nowrap; box-shadow: 0 1px 1px #20323a05}
.button:hover {background: #f0f5f3; border-color: #a8c3b9}
.button.primary, .button.publish {background: #187962; border-color: #187962; color: #fff}
.button.primary:hover, .button.publish:hover {background: #12644f; border-color: #12644f; color: white}
.button:disabled {background: #eef1f3; color: #829199; border-color: #d9e0e3}
.panel, .editor-section, .workspace-meta article, .entry-strip {background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 2px 3px #142c3603}
.panel-head {background: #fff; border-bottom: 1px solid var(--line); padding: 17px 19px; min-height: 58px; gap: 14px; align-items: center}
.panel-head h2 {font-size: 15px; font-weight: 670; color: #273c45; margin: 0}
.panel-head .eyebrow {display: none}
.panel-head p {font-size: 11px; max-width: 460px; color: var(--muted)}
.count-badge {font-size: 11px; font-weight: 500; color: #667f88; background: #edf2f3; padding: 2px 7px; border-radius: 5px; margin-left: 6px}
table {border-collapse: collapse; width: 100%; font-size: 12px}
th {font-weight: 550; background: #f8fafb; color: #788b95; font-size: 11px; text-transform: none; letter-spacing: 0; padding: 12px 18px; white-space: nowrap}
td {padding: 16px 18px; border-bottom: 1px solid #edf0f2; vertical-align: middle; color: #3b505a}
tr:last-child td {border-bottom: 0}
tbody tr:hover {background: #fafcfb}
td strong {font-weight: 650; color: #2e454e}
td small {font-size: 10px}
.table-wrap {overflow-x: auto; overscroll-behavior-x: contain}
.row-actions {display: table-cell; min-width: 115px; white-space: nowrap}
.row-actions a {font-size: 12px}
.row-actions br {display: none}
.row-actions > a + a {margin-left: 15px; color: #789089}
.row-actions > br + a {margin-left: 15px; color: #789089}
.status-pill {border: 0; border-radius: 4px; padding: 3px 7px; font-size: 10px; line-height: 1.3; font-weight: 600; white-space: nowrap}
.status-pill.ok {background: #e6f3ed; color: #1a805e}
.status-pill.off {background: #eef0f2; color: #78838b}
h1 .status-pill {vertical-align: middle; font-size: 10px; margin-left: 8px; letter-spacing: 0}
.campaign-name {font-weight: 700; font-size: 13px; color: #253e48}
.table-search {font-size: 0; margin: 0; width: min(300px, 45%)}
.table-search input {width: 100%; font-size: 12px; background: #f8fafb; border: 1px solid #e1e7ea; border-radius: 5px; padding: 8px 11px; color: #314650}
.search-empty {padding: 16px 20px; color: var(--muted); margin: 0}
.organizations-disclosure {margin-top: 22px; border: 1px solid var(--line); border-radius: 7px; background: #fff}
.organizations-disclosure > summary {cursor: pointer; padding: 15px 18px; font-size: 12px; font-weight: 650; color: #536a76}
.organizations-disclosure > summary span {margin-left: 8px; color: #8a9aa2}
.organizations-disclosure > summary small {margin-left: 20px; font-weight: 400; color: #86969c}
.organizations-disclosure .panel {border: 0; box-shadow: none; margin: 0}
.limit-note {font-size: 10px; color: #82959d; margin-top: 15px}
.campaign-tabs {display: flex; flex-wrap:nowrap;gap: 22px; padding: 0; margin: 0 0 20px; border: 0; border-bottom: 1px solid #dbe3e5; border-radius: 0; background: transparent; overflow-x: auto}
.campaign-tabs a {padding: 10px 0 13px; background: transparent; color: #6e848e; font-size: 12px; font-weight: 600; white-space: nowrap; border: 0; border-bottom: 2px solid transparent; border-radius: 0}
.campaign-tabs a.active {background: transparent; color: #166e59; border-bottom-color: #16856a}
.campaign-tabs a > span {margin-left: 5px; font-size: 10px; padding: 1px 5px; border-radius: 4px; background: #e7ecee; color: #6d8189}
.text-divider {margin: 0 7px; color: #aebac0}
.draft-bar {display: flex; gap: 18px; justify-content: space-between; align-items: center; padding: 12px 16px; margin: 0 0 18px; border: 1px solid #dce8e3; border-radius: 6px; background: #f1f7f4; font-size: 12px}
.draft-bar.has-draft {background: #fffaf0; border-color: #ecdfbf}
.draft-bar > div {display: grid; grid-template-columns: 8px 1fr; column-gap: 9px; align-items: center}
.draft-bar strong {font-size: 12px; color: #52625e; font-weight: 650}
.draft-bar small {grid-column: 2; color: #8b8d7d; font-size: 10px; margin-top: 2px}
.draft-dot {width: 6px; height: 6px; background: #2c9773; border-radius: 50%}
.has-draft .draft-dot {background: #cf9c3c}
.draft-bar .button {font-size: 11px; min-height: 33px; padding: 6px 11px}
.draft-bar .muted {font-size: 11px}
.routes-panel {overflow: visible}
.routes-panel .panel-head {border-radius: 8px 8px 0 0}
.routes-table {min-width: 740px}
.routes-table tr {border-left: 0}
.routes-table td {height: 78px; padding-top: 14px; padding-bottom: 14px}
.routes-table tr.disabled {opacity: .7}
.routes-table tr.default {background: #f7faf9; border-top: 1px solid #dce8e2; border-left: 0}
.routes-table .order-col {width: 50px}
.stream-order {display: inline-grid; place-items: center; width: 26px; height: 26px; font-size: 11px; color: #748992; background: #f1f5f6; border-radius: 5px}
.stream-state {font-size: 10px; color: #8a9ba2; display: inline-flex; align-items: center; gap: 5px; margin-top: 4px}
.stream-state:before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #abb8bd}
.stream-state.on:before {background: #2ca77d}
.default-mark {font-size: 20px; color: #7b9b8c}
.pin {color: #789187; font-size: 10px}
.action-badge {background: #eff3f5; color: #547080; font-size: 10px; border-radius: 4px; padding: 4px 7px; border: 0}
.truncate {max-width: 195px; font-size: 10px; color: #8a9ca4; margin-top: 4px}
.stream-actions > a {font-weight: 600}
.stream-menu {display: inline-block; margin-left: 12px; vertical-align: middle; font-size: 11px}
.stream-menu > summary {cursor: pointer; color: #7f939b; padding: 5px 0}
.stream-menu-body {padding: 10px 0 0; display: grid; gap: 8px; white-space: normal}
.stream-menu[open] {display: block; margin: 5px 0 0}
.stream-menu button {font-size: 11px; color: #4a7061; font-weight: 500}
.row-actions .danger-link {color: #ae5050 !important}
.row-actions .row-order-actions {gap: 12px}
.ordinary-empty {min-height: 0; padding: 20px; margin: 0; border: 0; border-radius: 0; box-shadow: none}
.ordinary-empty .empty-index {display: none}
.ordinary-empty p {font-size: 12px}
.empty-state {background: #fff; padding: 28px; color: #415b63}
.empty-state h2 {color: #2a444f}
.empty-index {color: #b9c9c5}
.editor-grid {max-width: 1080px; gap: 15px}
.editor-section {grid-template-columns: 28px minmax(0,1fr); gap: 14px; padding: 20px 23px}
.section-number {color: #b3c3ca; font-size: 12px; line-height: 1.6; font-weight: 500}
.editor-section h2 {font-size: 14px; margin: 0 0 12px; color: #2a434c}
.editor-section label, .entity-form label {color: #687d87; font-size: 11px; margin: 8px 0}
.editor-section input, .editor-section select, .editor-section textarea, .entity-form input:not([type=checkbox]), .entity-form select, .filter-grid input, .filter-grid select, .simulator-form input, .simulator-form select, .launch-body input, .launch-body select {border: 1px solid #d4dfe3; background: #fff; color: #2e444e; border-radius: 5px; padding: 8px 10px; font: inherit; font-size: 12px; min-height: 36px; width: 100%; max-width: 100%}
.editor-section input[type=checkbox] {width:16px;height:16px;min-height:16px;flex:0 0 16px}
.editor-grid > .editor-section:first-of-type > div {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.editor-grid > .editor-section:first-of-type h2 {grid-column:1/-1;margin-bottom:4px}
.editor-grid > .editor-section:first-of-type label[for=route-name] {grid-column:1;grid-row:2}
.editor-grid > .editor-section:first-of-type .check {grid-column:2;grid-row:2;align-self:end;margin-bottom:17px}
.editor-grid > .editor-section:first-of-type #route-name-help {grid-column:1;grid-row:3;margin:0}
.editor-section textarea {line-height: 1.6; resize: vertical}
input::placeholder, textarea::placeholder {color: #a1b0b7; opacity: 1}
input:disabled, select:disabled, textarea:disabled {background: #eff3f5; color: #86959d}
input[type=checkbox] {accent-color: #178469}
.control-label {color: #58707b; font-size: 11px; font-weight: 550}
.control-label code {display: none}
.field-help {font-size: 10px; color: #8b9ba2; margin-top: 4px}
.editor-section > div > .field-help {margin-bottom: 8px}
.condition-row {background: #f9fbfb; border: 1px solid #e1e8ea; border-radius: 6px; padding: 10px 50px 12px 13px; gap: 12px; grid-template-columns: minmax(120px,1fr) minmax(130px,1fr) minmax(150px,1.15fr)}
.condition-row legend {font-size: 9px; color: #82969f}
.condition-row small[data-condition-unknown-help] {color: #8a7956; font-size: 10px}
.condition-row .condition-param-wrap {grid-column: 1/-1}
.condition-row .condition-value-wrap {grid-column: auto}
.condition-summary {background: #edf5f1; border-color: #85b9a5; color: #4a7563; border-radius: 0 4px 4px 0; font-size: 12px; padding: 9px 11px; font-weight: 500}
.condition-status:empty {display: none}
.condition-relation {background: #f0f4f5; color: #798e98; border: 0; font: 500 10px/1.5 inherit; padding: 3px 6px; letter-spacing: 0; border-radius: 4px}
.icon-button {width: 28px; height: 28px; min-width: 28px; min-height: 28px; background: transparent; color: #8a9ca4; border: 0; top: 27px; right: 10px}
.icon-button:hover {background: #f8eaea; color: #ba5151}
.editor-actions {background: #f4f6f8ed; border-top: 1px solid #dce4e7; margin-top: 0; padding: 13px 0; z-index: 10}
.editor-section .check {font-size: 12px; gap: 8px; color: #5f7882; margin-top: 12px}
.content-preview {background: #f8fafb}
.content-preview pre {color: #2e5549; margin-bottom: 0}
.form-fields {gap: 18px 25px; padding: 22px}
.entity-form {max-width: 960px; margin: 0; overflow: hidden}
.entity-form small {color: #8c9da5; font-size: 10px; line-height: 1.5}
.entity-actions {background: #fafcfc; border-color: #e1e7ea; padding: 14px 22px}
.entity-form .check {background: #f6f9f8; border-color: #e0e9e5; color: #60786d}
.revision-pill {background: #f0f4f5; color: #80939a; border: 0; font-size: 10px}
.notice {background: #edf4f7; border-color: #d3e2ea; color: #4b6f80; font-size: 12px; padding: 12px 15px; border-radius: 6px}
.notice.success {background: #eef7f1; border-color: #cfe5d8; color: #337c59}
.notice.danger {background: #fff1f0; border-color: #f0d6d3; color: #a54841}
.notice.warning {background: #fff8e9; border-color: #eadcbc; color: #8b733f}
.notice .error-technical {color: #997d74}
.filter-grid {gap: 12px; padding: 18px; background: #fff}
.filter-grid label {font-size: 10px; color: #758b95; gap: 5px}
.filter-grid small {font-size: 9px; color: #93a2aa}
.extra-filters {grid-column:1/-1;border-top:1px solid #e5ecee;padding-top:12px}
.extra-filters summary {cursor:pointer;color:#68818b;font-size:12px}
.extra-filters .filter-grid {padding:14px 0 0}
.event-filter-actions {grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:20px}
.event-filter-actions label {display:flex;align-items:center;gap:9px}
.event-filter-actions select {width:85px}
.obs-filters {margin-bottom: 18px}
.obs-table code {font-size: 12px; color: #6d8794}
.launch-center {overflow: hidden}
.launch-body {padding: 20px}
.launch-body p {font-size: 12px; color: #68808a}
.launch-meta {background: transparent}
.launch-meta > div {background:#f6f9f8;border-color:#dce7e2}
.launch-body > .button {justify-self:start}
.launch-body .entry-strip {margin:0}
.launch-meta dd {color: #3b6252}
.launch-url-field input {background: #f6f9f8; font-family: Consolas, monospace; font-size: 12px}
.launch-params, .published-test {background: #fafcfc; border-color: #e0e8eb; padding: 18px; border-radius: 6px}
.launch-params h3, .published-test h3 {font-size: 14px; color: #34545e}
.launch-state {background: #eff4f3; border-color: #d5e5de; color: #467861}
.entry-strip {margin: 0 20px 20px; padding: 15px; border-style: dashed; box-shadow: none; font-size: 12px}
.entry-list a {font-size: 11px}
.simulator-panel {margin-top: 0}
.simulation-result {background: #f0f7f3; border-color: #aed4c3; color: #446d5a}
.simulation-result h3 {font-size: 14px}
.source-panel-footer {background: #f8fafb; color: #7c9099; border-color: #e0e8eb}
.source-copy strong {color: #36515d}
.source-copy small, .source-count {color: #8a9aa3}
.source-state {color: #506b77}
.source-metric b {color: #365b69}
.source-note {color: #83949d}
.compare-grid article {background: #f7faf9}
.conflict-shell {background: #fff; color: #35525e}
.trend-totals {border-color: #dce6e8; background: white}
.trend-total {background: white; border-color: #e2e9eb}
.trend-total b, .trend-total strong {color: #2c4a58}
.trend-total small, .trend-total span {color: #8196a1}
.trend-chart-shell, .trend-chart-wrap {background: #f8fafb; border-color: #e3ebee}
.trend-hour-controls button {background: white; color: #6d8997; border-color: #dce5e9}
.trend-hour-controls button[aria-pressed=true] {background: #e7f3ec; color: #278268; border-color: #a9d2c1}
.trend-numeric-table {background: white; color: #607f8b; border-color: #dce6ea}
.trend-numeric-table summary {padding: 13px 16px}
.trend-readout {background: #f6f9fa; color: #547883; border-color: #e0e8eb}
.trend-window-notice {background:#fff8e9;color:#8a661f;border-color:#eadcbc;border-radius:7px}
.trend-window-notice strong {font-size:13px}.trend-window-notice p {color:#8e7a51}
.trend-window-notice code {background:#f4ead1;color:#8a723b;font-size:10px}
.trend-kpis article.is-today {background:#eef7f2}.trend-kpis strong {color:#294c42}
.trend-chart-stage {background:#f8fafb;border-color:#dce6eb}
.trend-grid-line {stroke:#dce5e9}.trend-axis-label,.trend-chart-note {fill:#718690}
.trend-partial-zone {fill:#e3eaf7}.trend-future-zone {fill:#edf1f4}
.trend-readout > output {color:#627e8b}.trend-readout a:hover {background:#e9f3ef}
.trend-hour-controls {background:#f5f8f9}.trend-hour-controls button:hover {background:#e8f1ee;color:#305d4b}
.trend-numeric-table summary {color:#69818d}.trend-numeric-table td>a:hover {background:#e9f2ef}
.trend-numeric-table td.partial {background:#fff9ed}.trend-numeric-table td.future {background:#f2f5f7}
.trend-numeric-table tr.is-cursor {background:#edf5f1}
.source-overall {background:#f6f9f8;border-color:#dce5e7}
.source-row,.source-empty {border-color:#dde6e9}.source-metric {border-color:#e1e9ec}
.source-panel-footer code,.source-panel-footer strong {color:#567280}
.source-readonly {background:#f1f6f7}.source-readonly strong {color:#6c857c}
@media (min-width: 1500px) {main {padding: 32px 42px 48px}.rail {width: 218px}body {padding-left: 218px}.topbar {left: 218px;padding-inline:42px}}
@media (max-width: 1050px) {body {padding-left: 178px}.rail {width: 178px}.rail-link b,.rail-logout b {font-size: 11px}.rail-link,.rail-logout button {padding-inline: 9px}.topbar {left:178px;padding:0 20px}main {padding:23px 20px}.topbar-caption {display:none}.condition-row {grid-template-columns:1fr 1fr}.condition-row .condition-value-wrap {grid-column:1/-1}.heading {align-items:flex-start}.header-actions {flex-wrap:wrap;justify-content:flex-end}.heading h1 {font-size:25px}.campaign-tabs {gap:18px}}
@media (max-width: 720px) {body {padding: 0}.rail {position:static; width:100%; padding:12px 15px; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; align-items:center}.brand {margin:0 14px 0 0}.brand>span {width:28px;height:28px;font-size:18px}.brand>b {font-size:17px}.brand small,.rail-caption {display:none}.rail-link {width:auto;min-height:34px;padding:6px 9px;gap:5px}.rail-link b {font-size:11px}.rail-link span {font-size:15px;width:17px;flex-basis:17px}.rail-bottom {display:flex;align-items:center;margin:0;border:0;padding:0}.rail-logout {margin:0}.rail-logout button {padding:6px 9px;min-height:34px}.rail-logout span {display:none}.topbar {position:static;height:44px;padding:0 18px}.context {max-width:100%}main {padding:21px 16px}.heading {flex-direction:column;gap:14px;margin-bottom:18px}.header-actions {justify-content:flex-start}.heading h1 {font-size:25px}.heading p {font-size:12px}.draft-bar {align-items:flex-start;flex-wrap:wrap;gap:12px}.draft-bar .muted {display:none}.campaign-tabs {gap:19px;margin-bottom:15px}.campaign-tabs a {font-size:11px}.panel-head {padding:14px;flex-wrap:wrap}.panel-head p {font-size:10px}.editor-section {padding:16px 13px;gap:10px;grid-template-columns:20px minmax(0,1fr)}.condition-row {grid-template-columns:1fr;padding-right:43px}.condition-row .condition-value-wrap {grid-column:auto}.editor-section .field-help {font-size:10px}.table-search {width:100%;max-width:none}.organizations-disclosure > summary small {display:block;margin:5px 0 0 15px}.form-fields,.filter-grid,.simulator-grid {grid-template-columns:1fr}.entity-form {width:100%}.source-grid {grid-template-columns:1fr}.entry-strip {grid-template-columns:1fr}.skip {left:15px}.stream-menu-body {min-width:120px}.editor-actions {padding-bottom:calc(13px + env(safe-area-inset-bottom))}.topbar-caption {display:none}}
@media (prefers-reduced-motion: reduce) {button,.button {transition:none}}
.unsaved-dialog {width:min(480px,calc(100% - 32px));padding:26px;border:1px solid #dce4e7;border-radius:10px;box-shadow:0 18px 60px #102a3933;color:#304b55;background:#fff}
.unsaved-dialog::backdrop {background:#14242e66}
.unsaved-dialog h2 {font-size:20px;margin:0 0 10px;color:#243d47}
.unsaved-dialog p {font-size:13px;line-height:1.65;margin:0 0 22px;color:#677d86}
.unsaved-dialog > div {display:flex;gap:10px;flex-wrap:wrap}
.destination-create-actions {display:inline-flex;align-items:center;gap:10px;margin-left:8px;vertical-align:middle}
.destination-create-actions .button {min-height:28px;padding:4px 9px;font-size:11px;font-weight:600}
.destination-create-actions a {font-size:10px}
.inline-destination-live {display:block;min-height:1.4em;color:#337c59;font-size:10px}
.inline-destination-dialog {width:min(560px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce4e7;border-radius:10px;padding:24px;box-shadow:0 18px 60px #102a3933;color:#304b55;background:#fff}
.inline-destination-dialog::backdrop {background:#14242e66}
.inline-destination-dialog h2 {font-size:20px;margin:0 0 8px;color:#243d47}
.inline-destination-copy {font-size:13px;line-height:1.65;margin:0 0 20px;color:#677d86}
.inline-destination-fields {display:grid;gap:14px}
.inline-destination-dialog label {display:grid;gap:6px;color:#58707b;font-size:11px}
.inline-destination-dialog input,.inline-destination-dialog select {border:1px solid #d4dfe3;background:#fff;color:#2e444e;border-radius:5px;padding:9px 10px;font:inherit;font-size:12px;min-height:38px;width:100%;max-width:100%}
.inline-destination-advanced {margin-top:20px;border-top:1px solid #e5ecee;padding-top:14px}
.inline-destination-advanced summary {cursor:pointer;color:#58707b;font-size:11px}
.inline-destination-advanced-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.inline-destination-advanced-grid label:last-child {grid-column:1/-1}
.inline-destination-status {min-height:1.4em;margin:14px 0 0;color:#a54841;font-size:11px}
.inline-destination-footer {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #e5ecee;margin-top:22px;padding-top:16px}
@media (max-width:640px) {.inline-destination-dialog {padding:18px}.inline-destination-advanced-grid {grid-template-columns:1fr}.inline-destination-advanced-grid label:last-child {grid-column:auto}.destination-create-actions {align-items:flex-start;flex-direction:column;margin:8px 0 0;gap:5px}}
@media (max-width:640px) {.editor-grid > .editor-section:first-of-type > div {display:block}.editor-grid > .editor-section:first-of-type .check {margin-bottom:0}}
.context-help {margin:6px 0 10px;min-width:0;color:#58707b}
.context-help > summary {display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:2px 0;color:#58707b;font-size:11px;font-weight:500;cursor:pointer;list-style:none}
.context-help > summary::-webkit-details-marker {display:none}
.context-help > summary::marker {display:none;content:''}
.context-help-icon {display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;border:1px solid #b5c9c5;border-radius:50%;color:#587b70;font-size:11px;font-weight:700;line-height:1}
.context-help > summary:hover,.context-help > summary:focus-visible {color:#137b64}
.context-help > summary:hover .context-help-icon,.context-help > summary:focus-visible .context-help-icon {border-color:#137b64;color:#137b64}
.context-help > summary:focus-visible {outline:2px solid #137b64;outline-offset:2px}
.context-help-body {min-width:0;margin:6px 0 10px;padding:12px 14px;background:#f4f8f7;border-left:2px solid #86b8a9;border-radius:0 5px 5px 0;color:#425e66;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.context-help-body p {margin:0}
.context-help-body p + p {margin-top:8px}
.context-help-body .help-example {color:#58707b;font-size:11px}
.panel-head:has(> .context-help) {flex-wrap:wrap}
.panel-head > .context-help[open] {flex:1 0 100%;order:2;margin:0}
.panel-head > .context-help[open] .context-help-body p {max-width:none;font-size:12px}
.destination-help-stack {min-width:0}
.destination-help-stack > .context-help {margin-top:6px}
.condition-context-help {margin-top:4px}
.condition-field-source-help {color:#58707b;font-size:11px}
.inline-destination-advanced > .context-help {margin:12px 0}
.form-fields > .context-help {grid-column:1 / -1;margin-top:0}
@media (max-width:720px) {.context-help > summary {min-height:36px}}
.event-detail-heading{align-items:center}
.event-detail-heading .eyebrow,.event-result-caption{margin:0;color:#587b70;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.event-detail-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:14px;min-width:0}
.event-result,.event-facts{min-width:0;padding:20px;background:#fff;border:1px solid #dce6e5;border-radius:9px;color:#263f47;box-shadow:0 2px 8px #102a390a}
.event-result{border-left:3px solid #26977e}
.event-result-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:7px}
.event-result-heading h2{margin:0;color:#203a42;font-size:27px;line-height:1.2;letter-spacing:-.02em}
.event-dry-run-badge{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border:1px solid #e5c78b;border-radius:999px;background:#fff6e5;color:#805b17;font-size:11px;font-weight:700}
.event-received{margin:9px 0 0;color:#687d83;font-size:12px}
.event-received time{margin-left:5px;color:#425c63;font-variant-numeric:tabular-nums}
.event-result .context-help{margin-top:4px}
.event-metadata,.event-facts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:19px 0 0;padding-top:16px;border-top:1px solid #e5eceb}
.event-metadata div,.event-facts-list div,.event-diagnostics-ids div{min-width:0}
.event-metadata dt,.event-facts-list dt,.event-diagnostics-ids dt{margin-bottom:4px;color:#72858a;font-size:11px}
.event-metadata dd,.event-facts-list dd,.event-diagnostics-ids dd{margin:0;color:#263f47;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.event-decision-explanation{margin-top:19px;padding-top:15px;border-top:1px solid #e5eceb}
.event-decision-explanation h3{margin:0 0 6px;color:#304b52;font-size:13px}
.event-decision-explanation p{margin:0;color:#526a70;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.event-response{margin-top:19px;padding-top:15px;border-top:1px solid #e5eceb}
.event-response h3{margin:0 0 6px;color:#304b52;font-size:13px}
.event-response p{margin:0 0 4px;color:#526a70;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.event-response-value{display:block;margin:0;padding:8px 10px;background:#f4f8f7;border-radius:6px;color:#1f3a40;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
.event-response-meta{color:#7a8f94}
.event-decision-explanation code,.event-metadata code{overflow-wrap:anywhere}
.event-facts .eyebrow{margin:0 0 5px;color:#587b70;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.event-facts h2{margin:0;color:#203a42;font-size:17px}
.event-facts-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;padding-top:13px;gap:11px 16px}
.event-facts-list dd{font-weight:550}
.event-facts .context-help{margin:13px 0 0}
.event-diagnostics{grid-column:1/-1;min-width:0}
.event-diagnostics-details{overflow:hidden;border:1px solid #dce6e5;border-radius:8px;background:#fff;color:#263f47}
.event-diagnostics-details>summary{padding:13px 16px;color:#38565e;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.event-diagnostics-details>summary::-webkit-details-marker{display:none}
.event-diagnostics-details>summary::before{content:'＋';display:inline-block;width:20px;color:#408777}
.event-diagnostics-details[open]>summary::before{content:'−'}
.event-diagnostics-details>summary:hover,.event-diagnostics-details>summary:focus-visible{color:#137b64}
.event-diagnostics-details>summary:focus-visible{outline:2px solid #137b64;outline-offset:-3px}
.event-diagnostics-content{padding:0 16px 16px}
.event-diagnostics-ids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 16px;margin:0 0 14px;padding-top:12px;border-top:1px solid #e5eceb}
.event-diagnostics-ids dd code{overflow-wrap:anywhere;color:#526a70;font-size:11px}
.event-diagnostics-content pre{max-width:100%;max-height:420px;margin:0;padding:13px;overflow:auto;border-radius:6px;background:#f3f7f6;color:#334f56;font:11px/1.55 "Cascadia Code",Consolas,monospace;white-space:pre}
@media(max-width:900px){.event-detail-grid{grid-template-columns:minmax(0,1fr)}.event-diagnostics{grid-column:auto}}
@media(max-width:520px){.event-detail-heading .button{align-self:flex-start}.event-result,.event-facts{padding:16px}.event-result-heading h2{font-size:23px}.event-metadata,.event-facts-list{gap:11px 12px}.event-diagnostics-ids{grid-template-columns:repeat(2,minmax(0,1fr))}.event-diagnostics-content{padding:0 11px 12px}}
.event-side{display:grid;gap:14px;align-content:start;min-width:0}
.check-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid #e5eceb}
.check-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:8px 0;border-bottom:1px solid #eef3f2;font-size:13px}
.check-icon{flex:none;width:18px;font-weight:800;text-align:center}
.check-label{color:#263f47;font-weight:650}
.check-value{color:#4b6168}
.check-source{flex:1 1 140px;min-width:0;color:#5f7279;font-size:11px;text-align:right;overflow-wrap:anywhere}
.check-row.is-found .check-icon,.check-row.is-found .check-value{color:#a32f2f;font-weight:700}
.check-row.is-clean .check-icon{color:#0f6b56}
.check-row.is-unknown .check-icon{color:#566a72}
.check-summary{margin:12px 0 0;color:#263f47;font-size:13px;font-weight:650}
.check-chips{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}
.check-chip{display:inline-flex;align-items:center;gap:2px;padding:0;font-size:12px;cursor:help;font-weight:500;line-height:1.4;white-space:nowrap;color:#33484f}
.check-chip .check-mark{font-weight:700}
.check-chip.is-found .check-mark{color:#a32f2f}
.check-chip.is-clean .check-mark{color:#0f6b56}
.check-chip.is-unknown .check-mark{color:#7b8d94}
/* Login follows the light Operator palette without changing authenticated pages. */
.login-page {padding:0;background:#f4f5f2;color:#20323a}
.login-page .login-shell {min-height:100vh;min-height:100svh;max-width:none;padding:32px 16px}
.login-page .login-card {width:min(440px,100%);padding:clamp(22px,5vw,32px);background:#fff;border:1px solid #d8e1de;border-radius:12px;box-shadow:0 12px 36px #20323a0d}
.login-page .login-mark {width:56px;height:38px;margin-bottom:24px;border-radius:7px;background:#177965;color:#fff;font-size:15px;letter-spacing:.04em}
.login-page .eyebrow {color:#526770!important;font-size:10px!important;letter-spacing:.12em}
.login-page .login-card h1 {margin:8px 0 10px;color:#20323a;font-size:28px;line-height:1.2;letter-spacing:-.02em}
.login-page .login-card .muted {margin:0;color:#526770;line-height:1.55}
.login-page .login-form {margin-top:26px}
.login-page .login-form label {gap:7px;margin:16px 0;color:#526770;font-size:13px;font-weight:600}
.login-page .login-form input {min-height:44px;padding:10px 12px;border:1px solid #81969b;border-radius:6px;background:#fff;color:#20323a;font-size:16px;font-weight:400}
.login-page .login-form input:focus-visible {border-color:#177965;outline:3px solid #177965;outline-offset:3px}
.login-page .login-form .button.primary {min-height:44px;margin-top:8px;background:#177965;border-color:#177965;border-radius:6px;color:#fff;font-size:14px}
.login-page .login-form .button.primary:hover {background:#0f6655;border-color:#0f6655}
.login-page .login-form .button.primary:focus-visible {outline:3px solid #177965;outline-offset:3px}
.login-page .notice.danger {margin:20px 0 0;padding:12px 14px;background:#fff1f0;border-color:#dca29d;color:#862f2b;line-height:1.5}

/* UI-002: campaign link bar, version pill, collapsed technical details, empty hints */
.version-pill {display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:4px;background:#eef2f6;color:#52656f;font-size:10px;line-height:1.3;font-weight:600;white-space:nowrap}
.campaign-link-bar {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;padding:10px 14px;border:1px solid #dce8e3;border-radius:6px;background:#f7faf9;font-size:12px}
.campaign-link-label {font-weight:700;color:#52625e}
.campaign-link-bar input {flex:1 1 280px;min-width:0;padding:8px 10px;border:1px solid #c9d6d2;border-radius:6px;background:#fff;color:#20323a;font-family:Consolas,monospace;font-size:12px}
.campaign-link-bar .button {margin:0;min-height:34px;padding:6px 12px;font-size:12px}
.tech-details {margin-top:6px;font-size:11px;color:#6b7c85}
.tech-details > summary {cursor:pointer;color:#6b7c85}
.tech-details p {margin:4px 0 0}
.empty-hint {margin:12px 0;padding:10px 14px;border:1px dashed #c9d6d2;border-radius:6px;background:#f7faf9;color:#52625e;font-size:12px}
/* UI-004: mobile menu. Desktop keeps the vertical rail; below 720px it becomes a top bar (logo, current section, "Меню") with a drop-down panel. */
.rail-current,.rail-menu-input,.rail-menu-button{display:none}
.rail-panel{display:contents}
.rail-link b{min-width:0;overflow-wrap:anywhere}
.rail-link b small{display:block;margin-top:2px;font-size:10px;font-weight:400;color:#8ea0aa}
@media (max-width: 720px) {
  .rail {position:sticky; top:0; z-index:40; flex-direction:row; flex-wrap:wrap; align-items:center; gap:0 10px; padding:6px 12px; width:100%; max-width:100%; border-bottom:1px solid #314047}
  .brand {margin:0; flex:0 0 auto; min-width:0}
  .brand>b {font-size:17px}
  .rail-current {display:block; flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e3eef0; font-size:13px; font-weight:600}
  .rail-menu-button {display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; min-height:44px; padding:0 12px; border:1px solid #3a4c54; border-radius:8px; color:#e3eef0; font-size:13px; font-weight:600; cursor:pointer; user-select:none}
  .rail-menu-input {display:block; position:absolute; top:6px; right:12px; width:84px; height:44px; margin:0; opacity:0; cursor:pointer; z-index:1}
  .rail-menu-input:focus-visible + .rail-menu-button {outline:3px solid #48a38e; outline-offset:2px}
  .rail-menu-input:checked + .rail-menu-button {background:#244139; border-color:#54c7a9; color:#e0fff6}
  .rail-panel {display:none; flex:0 0 100%; flex-direction:column; gap:2px; width:100%; min-width:0; padding:8px 0 6px; margin-top:6px; border-top:1px solid #314047; max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px); overflow-y:auto; overscroll-behavior:contain}
  .rail-menu-input:checked ~ .rail-panel {display:flex}
  .rail-caption {display:block; margin:10px 12px 4px}
  .rail-campaign-name {margin-top:10px}
  .rail-link, .rail-logout button {width:100%; min-height:44px; padding:8px 12px; gap:11px}
  .rail-link b, .rail-logout b {font-size:14px}
  .rail-link span, .rail-logout span {display:block; font-size:18px; width:21px; flex-basis:21px}
  .rail-bottom {display:block; margin-top:6px; padding-top:8px; border-top:1px solid #314047}
  .rail-logout {margin:2px 0 0}
  .rail-link b small {font-size:11px}
  .topbar {position:static; height:auto; min-height:38px; padding:8px 16px; overflow:hidden}
  .context {flex:1 1 auto; min-width:0; max-width:100%; gap:8px}
  .context a {white-space:nowrap; flex:0 0 auto}
  .context strong {min-width:0}
  main {padding:16px 12px 40px}
}
/* UI-004: an absolutely positioned screen-reader label inside a horizontally scrolling table kept its static position far to the right and widened the whole page. */
.table-wrap .visually-hidden {position:static; display:inline-block; width:1px; height:1px; margin:0 -1px 0 0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; vertical-align:top}
.url-full {font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 11px; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; word-break: break-all}
.url-full.url-hidden {font-family: inherit; color: var(--muted); word-break: normal}
.url-params {color: #0b6b57}
.url-param-last {font-weight: 700}
.destination-url-preview {margin-bottom: 6px}
/* UX-JOURNAL-002: journal columns "Время", "Посетитель", "Решение", "Признаки"; outcome of the event card. Small text of the journal table is never below 12px. */
.obs-table td small,.obs-table .action-badge,.obs-table .filter-reason{font-size:12px}
.journal-time{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#263f47}
.obs-table .visitor-ip{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:13px;font-weight:500;color:#263f47}
.visitor-net{color:#68808a;overflow-wrap:anywhere}
.decision-title{color:#263f47}
.decision-url{max-width:420px;margin-top:3px}
.decision-url .url-full{font-size:12px}
.obs-table .decision-body{font-size:12px;color:#33484f;overflow-wrap:anywhere}
.decision-false,.obs-table .decision-false{color:#c0392b;font-weight:600}
.check-legend{display:inline-block;vertical-align:top;margin-left:4px;font-weight:400;letter-spacing:0;text-transform:none}
.check-legend>summary{display:inline-block;list-style:none;cursor:pointer;color:#587b70;font-size:14px;line-height:1}
.check-legend>summary::-webkit-details-marker{display:none}
.check-legend[open]{display:block;margin:6px 0 0}
.check-legend p{max-width:260px;margin:4px 0 0;color:#33484f;font-size:12px;line-height:1.45;white-space:normal}
.event-result.is-filtered{border-left-color:#c0392b}
.event-result-heading .filter-reason{font-size:12px}
.event-action-code{color:#72858a;font-size:12px}
