/* Main Control predictive-diagnostics pass. Uses authored raster artwork only. */
.forecast-strip{display:grid;grid-template-columns:1fr;gap:3px;width:100%;margin-top:12px;padding:10px 12px;text-align:left;border-color:#4d6570;background:rgba(7,16,20,.9)}
.forecast-strip span{font-size:9px;letter-spacing:.15em;color:#8aa6b2}
.forecast-strip strong{font-size:11px;color:var(--cyan);letter-spacing:.04em}
.forecast-strip[data-tone="warning"]{border-color:#7e6a35}.forecast-strip[data-tone="warning"] strong{color:var(--amber)}
.forecast-strip[data-tone="critical"]{border-color:#8d4033}.forecast-strip[data-tone="critical"] strong{color:#ff9d88}
.diagnostics-drawer{width:min(610px,96vw)}
.diagnostics-art{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border:1px solid #46565b;background:#030709;box-shadow:0 16px 36px rgba(0,0,0,.36)}
.diagnostics-copy{color:#c4ceca;line-height:1.55;margin:14px 0}
.diagnostics-progress{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;margin:12px 0;border:1px solid #465358;background:rgba(9,18,22,.82);font-size:10px;letter-spacing:.12em}
.diagnostics-progress strong{color:var(--amber)}
.forecast-panel,.manual-panel{margin-top:14px;padding:14px;border:1px solid #465358;background:rgba(5,12,15,.9)}
.forecast-list,.manual-map{display:grid;gap:8px;margin-top:10px}
.forecast-item{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #39474c;background:rgba(9,18,22,.88)}
.forecast-item time{font-family:ui-monospace,monospace;color:var(--amber);font-size:11px}
.forecast-item strong{font-size:11px;letter-spacing:.04em}
.forecast-item small{color:#8fa09f;text-align:right}
.forecast-item[data-severity="critical"]{border-left:3px solid var(--red)}
.forecast-item[data-severity="warning"]{border-left:3px solid var(--amber)}
.manual-route{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:9px 10px;background:rgba(8,16,19,.82);border-left:3px solid #53676f;font-size:11px}
.manual-route strong{color:var(--cyan);font-size:10px;letter-spacing:.08em}
.manual-route.complete{opacity:.5}
.diagnostics-lock{padding:16px;text-align:center;border:1px dashed #48575b;color:#9ca9a7;background:rgba(6,12,15,.7)}
.diagnostics-unlock{display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid #5d7249;color:#a9cc8d;font-size:9px;letter-spacing:.08em}
@media(max-width:900px){.forecast-item{grid-template-columns:74px 1fr}.forecast-item small{grid-column:2;text-align:left}.diagnostics-art{aspect-ratio:16/10}}