/* Dark Flow Futures — Mission Control Dashboard v3 */
#dashboard{--di-line:var(--df-line,rgba(148,163,184,.15));--di-soft:var(--df-line-soft,rgba(148,163,184,.09));--di-text:var(--df-text,#e7ecf3);--di-strong:var(--df-text-strong,#f7f9fc);--di-muted:var(--df-muted,#8f9caf);--di-panel:var(--df-panel,#0d1218);--di-panel2:var(--df-panel-2,#101720);--di-good:var(--df-good,#3fc78b);--di-warn:var(--df-warn,#d5a64e);--di-bad:var(--df-bad,#e96a77);--di-blue:var(--df-accent,#6592e8);--di-cyan:var(--df-cyan,#41bfd4)}
.di-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:2px 0 15px}.di-eyebrow{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--di-blue);margin-bottom:5px}.di-head h2{margin:0;font-size:27px;line-height:1.1;letter-spacing:-.035em}.di-head p{margin:6px 0 0;color:var(--di-muted);font-size:11px;max-width:700px}.di-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.di-sync{display:grid;text-align:right;gap:1px}.di-sync span{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--di-muted)}.di-sync strong{font-size:10px}.di-sync small{font-size:8px;color:var(--di-muted)}
.di-ranges{display:flex;padding:3px;border:1px solid var(--di-line);border-radius:9px;background:rgba(255,255,255,.018)}.di-ranges button{border:0;background:transparent;color:var(--di-muted);font-size:9px;font-weight:750;padding:6px 8px;border-radius:6px;cursor:pointer}.di-ranges button.active{background:rgba(101,146,232,.14);color:#dce9ff}.di-ranges button:hover{color:var(--di-strong)}
.di-command-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-bottom:12px}.di-command{position:relative;overflow:hidden;min-width:0;padding:10px 11px;border:1px solid var(--di-line);border-radius:10px;background:linear-gradient(180deg,rgba(16,23,32,.96),rgba(10,15,21,.96));box-shadow:0 8px 24px rgba(0,0,0,.13)}.di-command:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#64748b}.di-command.good:before{background:var(--di-good)}.di-command.warn:before{background:var(--di-warn)}.di-command.bad:before{background:var(--di-bad)}.di-command span{display:block;font-size:8px;font-weight:850;letter-spacing:.075em;color:var(--di-muted)}.di-command strong{display:block;margin:4px 0 1px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-command small{display:block;font-size:8px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.di-grid{display:grid;gap:11px;margin-bottom:11px}.di-grid.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.di-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.di-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.di-grid .span2{grid-column:span 2}.di-grid.insight-row{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr)}
.di-panel{min-width:0;border:1px solid var(--di-line);border-radius:13px;padding:14px;background:linear-gradient(180deg,rgba(14,20,28,.97),rgba(10,15,21,.97));box-shadow:0 1px 0 rgba(255,255,255,.018),0 12px 30px rgba(0,0,0,.16)}.di-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:11px}.di-panel-head>div>span{display:block;font-size:8px;font-weight:850;letter-spacing:.11em;color:#65758a;margin-bottom:3px}.di-panel-head h3{margin:0;font-size:13px;letter-spacing:-.01em}.di-panel-head p{margin:3px 0 0;font-size:9px;color:var(--di-muted)}.di-panel-head>small{font-size:8px;color:var(--di-muted)}
.di-attention-list{display:grid;gap:7px}.di-attention{display:grid;grid-template-columns:7px 1fr;gap:9px;align-items:start;padding:9px 10px;border:1px solid var(--di-soft);border-radius:9px;background:rgba(255,255,255,.018)}.di-attention i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#6c7b8e;box-shadow:0 0 10px rgba(108,123,142,.25)}.di-attention.warn i{background:var(--di-warn);box-shadow:0 0 12px rgba(213,166,78,.25)}.di-attention.bad i{background:var(--di-bad);box-shadow:0 0 12px rgba(233,106,119,.25)}.di-attention strong{display:block;font-size:10px}.di-attention p{margin:2px 0;color:#a2afbf;font-size:9px;line-height:1.35}.di-attention small{font-size:8px;color:#6f7d90}.di-clear{display:flex;gap:10px;align-items:center;min-height:108px;padding:15px;border:1px solid rgba(63,199,139,.16);border-radius:10px;background:rgba(63,199,139,.04)}.di-clear>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(63,199,139,.12);color:var(--di-good);font-weight:900}.di-clear strong,.di-clear small{display:block}.di-clear small{margin-top:3px;color:var(--di-muted);font-size:9px}
.di-latest{display:grid;gap:11px}.di-latest-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.di-latest-top small,.di-reason span{display:block;font-size:8px;font-weight:850;letter-spacing:.08em;color:var(--di-muted)}.di-latest-top strong{display:block;font-size:15px;margin:3px 0}.di-latest-top span{font-size:8px;color:#6d7b8e;word-break:break-all}.di-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:4px 7px;border:1px solid var(--di-line);border-radius:999px;background:rgba(148,163,184,.06);color:#a8b5c4;font-size:8px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.di-badge.good{border-color:rgba(63,199,139,.18);background:rgba(63,199,139,.08);color:#75d8ac}.di-badge.warn{border-color:rgba(213,166,78,.19);background:rgba(213,166,78,.08);color:#dfbd76}.di-badge.bad{border-color:rgba(233,106,119,.20);background:rgba(233,106,119,.08);color:#ef96a0}
.di-stepper{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:stretch;gap:5px}.di-stepper>div{display:grid;justify-items:center;gap:4px;min-width:60px;color:#647286}.di-stepper i{width:10px;height:10px;border-radius:50%;border:2px solid #475569;background:#0a1017}.di-stepper .done{color:#b8c5d6}.di-stepper .done i{border-color:var(--di-good);background:rgba(63,199,139,.28);box-shadow:0 0 12px rgba(63,199,139,.18)}.di-stepper span{font-size:8px;font-weight:700}.di-stepper>b{color:#415067;font-size:13px}.di-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.di-reason{padding:9px 10px;border:1px solid var(--di-line);border-radius:9px;background:rgba(255,255,255,.018)}.di-reason.bad{border-color:rgba(233,106,119,.15);background:rgba(233,106,119,.035)}.di-reason.warn{border-color:rgba(213,166,78,.15);background:rgba(213,166,78,.035)}.di-reason strong{display:block;margin-top:3px;font-size:9px;line-height:1.45;font-weight:650}
.di-metric{min-width:0}.di-metric>span{display:block;font-size:8px;font-weight:800;letter-spacing:.045em;color:var(--di-muted);text-transform:uppercase}.di-metric>strong{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-metric>small{display:block;margin-top:1px;font-size:8px;color:#6d7a8b}.di-metric.good>strong,.good{color:var(--di-good)!important}.di-metric.bad>strong,.bad{color:var(--di-bad)!important}
.di-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.di-funnel>div{position:relative;padding:10px 8px;border:1px solid var(--di-line);border-radius:9px;background:#0a1017}.di-funnel span,.di-funnel small{display:block;color:var(--di-muted);font-size:8px}.di-funnel strong{display:block;font-size:19px;margin:3px 0}.di-funnel>div>b{position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;color:#4d5d73}.di-funnel-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--di-soft);font-size:9px;color:var(--di-muted)}.di-funnel-foot strong{color:var(--di-strong)}
.di-risk-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.di-risk-summary .di-metric{padding:9px 10px;border:1px solid var(--di-soft);border-radius:9px;background:#0a1017}.di-risk-focus{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-top:9px;padding:9px 10px;border-left:2px solid var(--di-warn);background:rgba(213,166,78,.035);border-radius:7px}.di-risk-focus span{grid-column:1/-1;font-size:7px;font-weight:850;letter-spacing:.09em;color:var(--di-muted)}.di-risk-focus strong{font-size:9px}.di-risk-focus b{font-size:13px;color:#dfbd76}.di-risk-focus small{font-size:8px;color:var(--di-muted)}
.di-table-wrap{overflow:auto;border:1px solid var(--di-soft);border-radius:9px;background:#090e14}.di-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:9px}.di-table .di-sno{width:42px;min-width:42px;max-width:42px;box-sizing:border-box}.di-table th,.di-table td{padding:8px 8px;border-bottom:1px solid var(--di-soft);text-align:left;white-space:nowrap}.di-table th{position:sticky;top:0;z-index:2;background:#111923;color:#7d8ca0;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.di-table tr:hover{background:rgba(101,146,232,.03)}.di-table td>strong,.di-table td>small{display:block}.di-table td>small{margin-top:2px;font-size:7px;color:#68778a}
.di-progress-list{display:grid;gap:8px}.di-progress>div:first-child,.di-progress small{display:flex;justify-content:space-between;gap:10px}.di-progress>div:first-child{font-size:9px}.di-progress small{font-size:7px;color:var(--di-muted)}.di-progress-track{height:6px;margin:5px 0 3px;border-radius:999px;overflow:hidden;background:#18212c}.di-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--di-blue),var(--di-cyan));box-shadow:0 0 12px rgba(65,191,212,.16)}
.di-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.di-mode-card{position:relative;overflow:hidden;padding:12px;border:1px solid var(--di-line);border-radius:10px;background:#0a1017}.di-mode-card:after{content:"";position:absolute;inset:auto -20% -70% 35%;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(101,146,232,.09),transparent 65%)}.di-mode-card.golden_bullet:after{background:radial-gradient(circle,rgba(213,166,78,.11),transparent 65%)}.di-mode-card.full_port:after{background:radial-gradient(circle,rgba(150,115,232,.11),transparent 65%)}.di-mode-card.pd:after{background:radial-gradient(circle,rgba(65,191,212,.11),transparent 65%)}.di-mode-card span,.di-mode-card small{display:block;position:relative;z-index:1}.di-mode-card span{font-size:8px;font-weight:850;letter-spacing:.07em;color:var(--di-muted)}.di-mode-card strong{display:block;position:relative;z-index:1;font-size:24px;margin:4px 0}.di-mode-card small{font-size:8px;color:#718096}
.di-performance{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.di-performance .di-metric,.di-quality .di-metric{padding:10px;border:1px solid var(--di-soft);border-radius:9px;background:#0a1017}.di-performance .di-metric>strong{font-size:16px}.di-quality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.di-quality .di-metric>strong{font-size:15px}
.di-timeline{display:grid}.di-event{display:grid;grid-template-columns:7px 82px 45px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 2px;border-bottom:1px solid var(--di-soft)}.di-event:last-child{border-bottom:0}.di-event>i{width:6px;height:6px;border-radius:50%;background:#6e7c8f}.di-event>i.good{background:var(--di-good)}.di-event>i.warn{background:var(--di-warn)}.di-event>i.bad{background:var(--di-bad)}.di-event>span,.di-event>b{font-size:7px;color:var(--di-muted)}.di-event>div strong,.di-event>div small{display:block}.di-event>div strong{font-size:8px}.di-event>div small{font-size:7px;color:#66758a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.di-insight{align-self:stretch;padding:15px;border:1px solid rgba(101,146,232,.15);border-radius:13px;background:radial-gradient(circle at 92% 5%,rgba(101,146,232,.11),transparent 18rem),linear-gradient(180deg,rgba(15,22,31,.98),rgba(9,14,20,.98));box-shadow:0 16px 36px rgba(0,0,0,.18)}.di-insight-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.di-insight-head>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(101,146,232,.20);border-radius:8px;background:rgba(101,146,232,.08);color:#9fc0ff}.di-insight-head strong,.di-insight-head small{display:block}.di-insight-head strong{font-size:9px;letter-spacing:.08em}.di-insight-head small{margin-top:2px;font-size:8px;color:var(--di-muted)}.di-insight p{position:relative;margin:0 0 7px;padding-left:11px;color:#a9b6c7;font-size:9px;line-height:1.45}.di-insight p:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--di-blue)}
.di-empty{display:grid;place-items:center;min-height:110px;padding:16px;border:1px dashed var(--di-line);border-radius:9px;color:var(--di-muted);font-size:9px;text-align:center}.di-footer{display:flex;justify-content:space-between;gap:10px;padding:3px 2px 7px;color:#617084;font-size:7px}
@keyframes diLivePulse{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.di-command.good:after{content:"";position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--di-good);animation:diLivePulse 2.4s ease-in-out infinite}.di-progress-track i{animation:diFill .55s ease-out both}@keyframes diFill{from{transform:scaleX(.2);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
html[data-df-theme="light"] #dashboard{--di-line:rgba(100,116,139,.18);--di-soft:rgba(100,116,139,.11);--di-text:#263446;--di-strong:#0f172a;--di-muted:#64748b}.theme-light .di-command,.theme-light .di-panel,html[data-df-theme="light"] .di-command,html[data-df-theme="light"] .di-panel{background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 25px rgba(15,23,42,.06)}html[data-df-theme="light"] .di-table-wrap,html[data-df-theme="light"] .di-funnel>div,html[data-df-theme="light"] .di-risk-summary .di-metric,html[data-df-theme="light"] .di-mode-card,html[data-df-theme="light"] .di-performance .di-metric,html[data-df-theme="light"] .di-quality .di-metric{background:#fff}html[data-df-theme="light"] .di-table th{background:#f1f5f9;color:#475569}html[data-df-theme="light"] .di-insight{background:radial-gradient(circle at 92% 5%,rgba(59,130,246,.08),transparent 18rem),linear-gradient(180deg,#fff,#f8fafc)}
@media(max-width:1500px){.di-command-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.di-performance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.di-grid.hero,.di-grid.two,.di-grid.three,.di-grid.insight-row{grid-template-columns:1fr}.di-grid .span2{grid-column:auto}.di-head{flex-direction:column}.di-head-actions{justify-content:flex-start}.di-sync{text-align:left}.di-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.di-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.di-performance,.di-risk-summary,.di-quality,.di-mode-grid{grid-template-columns:1fr 1fr}.di-stepper{grid-template-columns:1fr;justify-items:start}.di-stepper>b{display:none}.di-stepper>div{grid-template-columns:12px 1fr;justify-items:start;min-width:0}.di-head-actions{display:grid;width:100%;grid-template-columns:1fr}.di-ranges{width:max-content}.di-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){#dashboard *{animation:none!important;transition:none!important}}