:root{font-family:Inter,system-ui,sans-serif;color:#172b36;background:#f2f5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5vw;display:flex;align-items:center;gap:16px;background:#102f32;color:white}header small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}.brand{font-size:42px;font-weight:800}.brand span{color:#73dbba;font-size:13px}.pill{margin-left:auto;border:1px solid #658080;padding:8px 14px;border-radius:30px;font-size:12px}main{max-width:1400px;margin:auto;padding:44px 5vw}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#397267;font-weight:700}h1{font-size:clamp(28px,4vw,46px);letter-spacing:-1.8px;margin:12px 0}h2{font-size:18px;margin-top:0}p{line-height:1.65;color:#53666d}section{background:white;border:1px solid #dae3e0;border-radius:12px;padding:25px;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px}input,select{padding:11px;border:1px solid #b9cbc5;border-radius:6px;background:white;color:#172b36;max-width:100%;font:inherit}button{padding:12px 18px;background:#185f51;color:white;border:0;border-radius:6px;cursor:pointer;font-weight:600}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78b9ee;outline-offset:2px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.state{display:inline-block;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;text-transform:capitalize}.unknown{background:#edf0f3;color:#485966}.healthy{background:#def4e8;color:#17653c}.degraded{background:#fff1d8;color:#835311}.failed{background:#ffe4e4;color:#a92732}.stale{background:#ebe3f7;color:#67438e}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#657a7c;font-weight:500;background:#f5f8f7}td,th{padding:14px 10px;border-bottom:1px solid #edf1ef;vertical-align:top}td{max-width:280px;overflow-wrap:anywhere}.muted,footer{color:#657a7c;font-size:12px}footer{padding:25px 5vw;border-top:1px solid #dce5e1}#signin{display:flex;gap:16px;align-items:end;flex-wrap:wrap}#notice{color:#80521d}a{color:#176453}.finding{padding:12px 0;border-bottom:1px solid #e8eeeb}.finding p{margin:6px 0;font-size:13px}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}header{padding:0 20px}main{padding:28px 20px}.filters label{width:100%}.filters input{width:100%}}

.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title .eyebrow{margin-top:0}.section-title h2{margin-bottom:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric{border:1px solid #e1e8e5;background:#f7faf9;border-radius:9px;padding:17px}.metric strong{display:block;font-size:27px;letter-spacing:-1px;margin:8px 0;color:#153e3c}.metric small{font-size:11px;line-height:1.5;color:#667b7b}.bar-row{display:grid;grid-template-columns:85px 1fr 40px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bar{height:13px;background:#edf2f0;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#248875;border-radius:8px}h3{font-size:15px;color:#294a4b;margin-top:25px}.review-action{font-size:11px;padding:9px 11px;white-space:nowrap}#chat-gaps td{max-width:320px}#chat-gaps td:first-child{min-width:220px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px}.metric strong{font-size:24px}.section-title{align-items:start;flex-direction:column}}

/* Outcome overview: progressive disclosure keeps evidence out of the summary. */
.priority-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0 32px}.priority-card{background:#fafbfaff;color:#25463e;border:1px solid #e0e8e3;text-align:left;padding:16px}.priority-card strong{display:block;font-size:30px;margin:12px 0}.priority-card small{font-size:10px;color:#687973;font-weight:400}.priority-card:hover{border-color:#438b75;background:#f0f8f3}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.chart-grid h3{margin-top:0}.chart-row{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;gap:12px;width:100%;padding:10px 0;background:none;color:#334b44;text-align:left;font-weight:400;font-size:12px}.chart-row:hover{background:#f5f8f6}.chart-track{height:16px;background:#f0f3f1;border-radius:4px;overflow:hidden}.chart-fill{display:block;height:100%;background:#338775;border-radius:4px;min-width:2px}.chart-fill.warning{background:#c18a51}.chart-fill.staging{background:#8a83af}.chart-label{overflow-wrap:anywhere}.empty-chart{min-height:170px;display:grid;place-items:center;border:1px dashed #dce5df;border-radius:8px;font-size:13px}.coverage-strip{font-size:11px;background:#f4f6f5;padding:12px;border-radius:6px}.secondary{background:#edf3ef;color:#265845}.text-button{padding:0;background:none;color:#176453;text-align:left;font-size:12px;text-decoration:underline}.secondary-panel{margin:18px 0}.secondary-panel>summary{padding:16px;background:white;border:1px solid #dae3e0;border-radius:8px}.secondary-panel>section{margin-top:12px}summary{cursor:pointer;font-size:13px;font-weight:600;color:#3e5b51;padding:12px 0}details.advanced label{margin:10px 0}.evidence-list{display:grid;grid-template-columns:180px 1fr;font-size:12px;gap:10px}.evidence-list dt{color:#657a7c}.evidence-list dd{margin:0;overflow-wrap:anywhere}.timeline{font-size:12px;line-height:2;color:#567069}.filters{gap:12px}.filters label{font-size:11px}.metrics .metric{background:white}.heading h1{font-size:36px}header{height:72px}@media(max-width:1000px){.priority-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.chart-grid{grid-template-columns:1fr;gap:24px}.priority-grid{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:110px 1fr 30px}.evidence-list{grid-template-columns:130px 1fr}}

.visitor-day{display:grid;grid-template-columns:55px 1fr 30px 1fr 30px;gap:10px;align-items:center;background:transparent;color:#34544b;width:100%;text-align:left;padding:10px 0;font-size:12px}.visitor-track{height:16px;background:#edf2ef;border-radius:4px}.visitor-bar{display:block;height:100%;border-radius:4px;min-width:0}#visitor-details{margin-top:25px;border-top:1px solid #dae3e0;padding-top:15px}

/* ABM website-aligned dashboard palette */
:root{color:#2b213d;background:#f7f4fb}header{background:#24133e;color:#fff;border-bottom:3px solid #7534ce}.brand span{color:#c5a0f5}header .pill{border-color:#78628f;background:#38224f;color:#eee4fa}p{color:#6b6178}.eyebrow,a,.text-button{color:#6b2cbc}h1,h2,h3,.metric strong{color:#302044}section,.secondary-panel>summary{border-color:#e6ddef;box-shadow:0 4px 18px #39204e05}input,select{border-color:#d6c7e5;color:#302044}button{background:#712cc4;border-radius:8px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b78ae8;outline-offset:3px}.secondary{background:#eee6f7;color:#62289e}.priority-card,.metric{background:#faf7fd;color:#39274e;border-color:#e5daef}.priority-card:hover{background:#f1e8fc;border-color:#a576d4}.priority-card small,.metric small,.muted,footer,.evidence-list dt{color:#756781}.bar,.chart-track,.visitor-track{background:#eee6f5}.bar span,.chart-fill{background:#8039cc}.chart-fill.warning{background:#c18a51}.chart-fill.staging{background:#b393ce}.chart-row,.visitor-day{background:transparent;color:#51415f}.chart-row:hover,.visitor-day:hover{background:#f5effb}.coverage-strip,th{background:#f3edf8;color:#695879}td,th,.finding,footer,#visitor-details{border-color:#e9e0f0}summary,.timeline{color:#665274}.empty-chart{border-color:#ddcdea}.text-button{background:transparent}footer{background:#f1ebf7}#login{max-width:760px;border-top:3px solid #8039cc}header .abm-home{color:#e9dafa;text-decoration:none;font-size:12px;white-space:nowrap}@media(max-width:700px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:16px 20px;gap:12px}header .pill{margin-left:0}.heading h1{font-size:30px}}
