/* FIXCHECK V5 — Compact operations-grade dashboard.
   No tests or legacy form/report internals are removed; UI only.
*/
:root{--fx-ink:#14252b;--fx-night:#10272e;--fx-green:#c6edb2;--fx-rule:#dbe6e2}
html{scroll-padding-top:85px}
body{background:#f1f5f2}
.top{border-bottom:1px solid #dce5e1;box-shadow:0 5px 25px rgba(25,60,65,.025)}
.mast{padding:32px 0 30px;min-height:0;background:#112a32}
.mast:before{opacity:.5}
.mast-grid{grid-template-columns:minmax(0,1fr);gap:0}
.mast h1{font-size:clamp(36px,4.7vw,56px);letter-spacing:-.074em;margin:12px 0 11px}
.mast p{font-size:13px;line-height:1.55;max-width:850px}
.mast .eyebrow{font-size:9px;letter-spacing:.15em}
.mast .trustpoints{margin-top:14px;gap:16px}
.mast .trustpoints span{font-size:10px}
.mast .signal-art{display:none}
.site-body{padding-top:22px}
.fx-overview{position:relative;border:1px solid #24434b;border-radius:19px;background:radial-gradient(circle at 100% -20%,rgba(134,245,177,.12),transparent 45%),linear-gradient(124deg,#142f37,#101f2b);color:#fff;box-shadow:0 18px 40px rgba(10,42,49,.10);margin-bottom:15px;padding:26px;overflow:hidden}
.fx-overview:before{content:"";position:absolute;top:-165px;right:-140px;width:410px;height:410px;border:1px solid #d8ffeb2b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 42px #ffffff04}
.fx-topline{display:flex;gap:10px;align-items:center;justify-content:space-between;position:relative;z-index:1;flex-wrap:wrap}
.fx-eyebrow{color:#b9e7c8;font-weight:850;font-size:10px;letter-spacing:.16em}
.fx-health-pill{font-size:9px;font-weight:840;letter-spacing:.07em;border:1px solid #b9e7c842;color:#cdebdc;background:#b7e9cc10;border-radius:100px;padding:8px 11px;white-space:nowrap}
.fx-featured{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:11px 0 20px}
.fx-featured h2{font-weight:870;font-size:clamp(24px,3.1vw,39px);line-height:1.12;letter-spacing:-.052em;margin:7px 0 9px;color:#fff}
.fx-featured p{font-size:12px;color:#bcd0d0;line-height:1.6;max-width:68ch;margin:0}
.fx-host{color:#afeaca;font-weight:850;font-size:10px;letter-spacing:.085em;overflow-wrap:anywhere}
.fx-nav{display:flex;gap:8px;flex:none}
.fx-nav button{border:1px solid rgba(205,248,223,.28);background:rgba(255,255,255,.075);color:#e2f3f1;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:800}
.fx-nav button:hover{background:rgba(255,255,255,.14)}
.fx-overview[data-state="issue"] .fx-health-pill{color:#ffd6d2;border-color:#db938c}
.fx-overview[data-state="partial"] .fx-health-pill{color:#fff1ca}
.fx-progress{height:5px;background:#ffffff1a;border-radius:99px;margin-bottom:16px;overflow:hidden}
.fx-progress[hidden]{display:none}
.fx-progress i{display:block;background:linear-gradient(90deg,#65d4cc,#ceefa5);height:100%;width:0%;border-radius:99px;transition:width .22s}
.fx-phase{min-height:0;font-size:10px;color:#aacec9;line-height:1.4;margin-bottom:7px}
.fx-phase:empty{display:none}
.fx-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;position:relative;z-index:1}
.fx-stat{background:rgba(255,255,255,.062);border:1px solid rgba(196,238,229,.12);border-radius:10px;padding:13px 11px 12px;min-height:100px;min-width:0}
.fx-stat-title{display:block;color:#abcac9;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.fx-stat [data-value]{display:block;color:#fff;font-size:clamp(15px,1.7vw,22px);font-weight:850;line-height:1.16;letter-spacing:-.038em;margin-top:14px;overflow-wrap:anywhere}
.fx-stat [data-note]{display:block;color:#a9bebe;font-size:9px;line-height:1.46;margin-top:6px;overflow-wrap:anywhere}
.fx-stat[data-state="observed"] [data-value]{color:#baf4d2}
.fx-stat[data-state="problem"] [data-value]{color:#ffc9c0}
.fx-stat[data-state="caution"] [data-value]{color:#ffe1a8}
.fx-stat[data-state="partial"] [data-value]{color:#c2e6ed}
.fx-stat[data-state="unknown"] [data-value]{color:#e2e9e8}
.fx-caution{position:relative;z-index:1;color:#b6c8c8;font-size:10px;margin:15px 0 0;line-height:1.5}
.fx-compose{margin:0 0 15px;scroll-margin-top:100px}
.fx-compose>.panel{border-radius:17px;border:1px solid #d7e3df}
.fx-compose>.panel>.panel-head{padding-top:20px}
.fx-compose>.panel>.panel-body{display:grid;gap:0}
.fx-compose .label{margin-bottom:8px}
.fx-compose .example{margin-bottom:14px;margin-top:9px}
.fx-compose .modes{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:15px}
.fx-compose .mode{min-height:61px}
.fx-compose #run{max-width:390px}
.fx-compose #error:empty{display:none}
.fx-compose .note{margin-top:10px}
.fx-compose .fx-usage-note{color:#476961;background:#e9f6ee;border:1px solid #d8ece1;border-radius:7px;padding:10px 12px;margin:10px 0 0;font-size:11px;line-height:1.5;font-weight:730}
#speed-lab{margin-bottom:15px}
#speed-lab .speed-head{padding:19px 22px 15px}
#speed-lab .speed-head h2{font-size:25px}
#speed-lab .speed-head p{font-size:11px;line-height:1.5;margin-top:5px}
#speed-lab .speed-body{padding:17px 22px 20px}
#speed-lab .speed-readout{padding:17px 16px;min-height:141px}
#speed-lab .speed-readout strong{font-size:clamp(34px,4vw,48px);margin:15px 0 3px}
#speed-lab .speed-grid{gap:13px}
#speed-lab .speed-controls{padding-top:14px}
#speed-lab .speed-samples{margin-top:0;padding-top:10px}
#deep-panel{margin-bottom:15px}
#deep-panel .deep-hero{padding:19px 22px}
#deep-panel .deep-hero h2{font-size:27px;margin:7px 0}
#deep-panel .deep-hero p{line-height:1.5;font-size:11px}
#deep-panel .deep-body{padding:16px 22px 19px}
#deep-panel .deep-statusbar{padding-bottom:12px}
#deep-panel #deep-summary{margin:12px 0 8px;font-size:12px}
#quality-panel{margin-bottom:15px;padding:18px 20px}
#quality-panel .quality-top{margin-bottom:8px}
#quality-panel .quality-top h2{font-size:18px}
#quality-panel #quality-desc{margin-bottom:8px}
#quality-panel #quality-features{grid-template-columns:repeat(4,minmax(0,1fr))}
.fx-sample-details,.fx-deep-details,.fx-legacy-details{border:1px solid #dce7e2;border-radius:10px;background:#f6faf8;scroll-margin-top:100px}
.fx-sample-details{margin-top:16px}
.fx-deep-details{margin-top:14px}
.fx-legacy-details{background:white;border-radius:15px;margin:0 0 20px;overflow:hidden}
.fx-sample-details>summary,.fx-deep-details>summary,.fx-legacy-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;padding:14px 17px;color:#2d5a56;font-size:12px;line-height:1.5;font-weight:830}
.fx-legacy-details>summary{padding:19px 21px;font-size:14px}
.fx-sample-details>summary::after,.fx-deep-details>summary::after,.fx-legacy-details>summary::after{content:"+";font-size:23px;color:#308779;font-weight:450}
.fx-sample-details[open]>summary::after,.fx-deep-details[open]>summary::after,.fx-legacy-details[open]>summary::after{content:"−"}
.fx-sample-details>summary::-webkit-details-marker,.fx-deep-details>summary::-webkit-details-marker,.fx-legacy-details>summary::-webkit-details-marker{display:none}
.fx-details-content{padding:0 14px 17px}
.fx-deep-details .fx-details-content{padding:0 0 4px}
.fx-deep-details .deep-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.fx-legacy-details .fx-details-content{padding:13px}
.fx-legacy-details .summary{margin-bottom:13px}
.fx-legacy-details .layout{margin:0}
.fx-legacy-details .panel{box-shadow:none}
.fx-legacy-details .sidebar{grid-template-columns:1fr}
.fx-legacy-details .results{min-width:0}
.fx-legacy-details .summary article{background:#f6f8f7}
.fx-legacy-details .panel-head h2{font-size:17px}
@media(max-width:1200px){.fx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-featured{align-items:flex-start}.fx-deep-details .deep-columns{grid-template-columns:1fr 1fr}.fx-deep-details .deep-column:last-child{grid-column:1/-1}}
@media(max-width:900px){.fx-featured{display:block}.fx-nav{margin-top:14px}.fx-compose .modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .mast{padding:19px 0 20px}.mast .eyebrow{font-size:8px}
 .mast h1{font-size:clamp(31px,8vw,42px);margin:9px 0 8px;line-height:1.06}
 .mast p{font-size:11px;line-height:1.56}
 .mast .trustpoints{display:none}
 .site-body{padding:12px 0 39px}
 .fx-overview{border-radius:14px;padding:17px 14px;margin-bottom:10px}
 .fx-featured{padding:10px 0 15px}
 .fx-featured h2{font-size:25px;margin:5px 0 9px}
 .fx-featured p{font-size:11px}
 .fx-eyebrow{font-size:9px}
 .fx-health-pill{font-size:8px;padding:6px 8px}
 .fx-nav{gap:7px;margin-top:13px}
 .fx-nav button{padding:10px 12px;font-size:11px;flex:1}
 .fx-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .fx-stat{padding:11px 10px;min-height:97px;border-radius:8px}
 .fx-stat [data-value]{font-size:19px;margin-top:12px}
 .fx-stat-title{font-size:8px}
 .fx-stat [data-note]{font-size:9px}
 .fx-caution{font-size:9px;margin-top:12px}
 .fx-compose{margin-bottom:10px}
 .fx-compose>.panel>.panel-head{padding:17px 15px 0}
 .fx-compose>.panel>.panel-body{padding:13px 15px 16px}
 .fx-compose .modes{gap:7px}
 .fx-compose #run{max-width:100%}
 .fx-compose .note{font-size:10px}
 #speed-lab,#deep-panel,#quality-panel{margin-bottom:10px}
 #speed-lab .speed-head{padding:17px 15px 12px}
 #speed-lab .speed-head h2{font-size:22px}
 #speed-lab .speed-body{padding:13px 15px 15px}
 #speed-lab .speed-readout strong{margin:15px 0 4px;font-size:37px}
 #deep-panel .deep-hero{padding:18px 15px}
 #deep-panel .deep-hero h2{font-size:24px}
 #deep-panel .deep-body{padding:13px 15px 15px}
 #quality-panel{padding:15px}
 #quality-panel #quality-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fx-deep-details .deep-columns{grid-template-columns:1fr}
 .fx-deep-details .deep-column:last-child{grid-column:auto}
 .fx-legacy-details>summary{font-size:12px;padding:15px}
 .fx-legacy-details .fx-details-content{padding:10px}
 .fx-legacy-details .layout{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.fx-progress i{transition:none!important}}
@media print{
 .fx-nav,.fx-compose,.fx-sample-details>summary,.fx-deep-details>summary,.fx-legacy-details>summary{display:none!important}
 .fx-overview{background:white!important;color:black!important;box-shadow:none!important}
 .fx-stat{background:#f7f7f7!important;color:black!important}
 .fx-stat [data-value],.fx-featured h2,.fx-featured p{color:black!important}
 .fx-deep-details .fx-details-content{display:block!important}
}