.procurement-cockpit{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:10px;border:1px solid color-mix(in srgb,var(--product-accent) 35%,rgba(59,111,174,.2));border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 7%,rgba(7,24,49,.88)),rgba(6,19,39,.78))}.cockpit-title{display:flex;flex-direction:column;justify-content:center;padding:4px 8px}.cockpit-title span{font-size:12px;color:#7898b8;letter-spacing:1.2px}.cockpit-title b{font-size:20px;color:var(--product-accent);margin-top:5px}.cockpit-metric{padding:7px 9px;border-left:1px solid rgba(82,135,193,.16);min-width:0}.cockpit-metric label{display:block;font-size:12px;color:#7895b1}.cockpit-metric strong{display:block;margin:5px 0 3px;font-size:17px;color:#d8ebfb;white-space:nowrap}.cockpit-metric.primary strong{color:var(--product-accent);font-size:21px}.cockpit-metric small{display:block;font-size:11.5px;line-height:1.45;color:#6984a0}.model-performance-v3{margin:0 0 18px;padding:15px;border:1px solid rgba(65,127,196,.22);border-radius:10px;background:rgba(7,23,48,.48)}.performance-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.performance-head span{font-size:11px;letter-spacing:1.7px;color:#557da5}.performance-head h3{margin:3px 0 0;font-size:20px}.performance-head>b{font-size:12.5px;color:#66c8ef;font-weight:500}.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.perf-card{border:1px solid rgba(66,130,201,.22);border-radius:8px;background:rgba(8,29,58,.62);padding:12px}.perf-card>div{display:flex;justify-content:space-between;gap:8px}.perf-card b{font-size:13px;color:#bddcf7}.perf-card em{font-size:11.5px;color:#6f91af;font-style:normal}.perf-card>strong{display:block;font-size:25px;color:var(--product-accent);margin-top:8px}.perf-card>span{display:block;font-size:12px;color:#809fbd}.perf-card p{font-size:12px;line-height:1.55;color:#9cb2c8;margin:7px 0 4px}.perf-card small{font-size:11.5px;color:#65819d}.recent-head{font-size:13px;color:#9bb8d3;margin:14px 0 7px}.recent-predictions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recent-pred{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(72,126,184,.16);border-radius:7px;background:rgba(8,25,49,.45)}.recent-pred span{font-size:11.5px;color:#718ca8}.recent-pred b{font-size:12.5px;color:#c4d9ec;font-weight:500}.recent-pred em{font-size:11.5px;color:#8ea6bc;font-style:normal}.recent-pred.ok{border-color:rgba(38,208,159,.22)}.recent-pred.ok em{color:#4dddb4}.recent-pred.bad{border-color:rgba(255,92,116,.22)}.recent-pred.bad em{color:#ff7d90}.performance-empty{padding:18px;color:#7892aa;font-size:13px;text-align:center}.stream-row span b{display:block;font-size:13.5px;font-weight:500;color:#bfd4e8;line-height:1.45}.stream-row span small{display:block;margin-top:3px;font-size:11.8px;color:#728faa;line-height:1.45}.stream-row.critical span small{color:#d9a4ad}.stream-row.intel span small{color:#78a9c8}.chart-panel{min-height:410px}.main-chart{height:220px}@media(max-width:1500px){.procurement-cockpit{grid-template-columns:1fr repeat(2,minmax(0,1fr))}.cockpit-title{grid-row:span 2}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.procurement-cockpit{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-title{grid-column:1/-1;grid-row:auto}.recent-predictions{grid-template-columns:1fr}}@media(max-width:680px){.procurement-cockpit{grid-template-columns:1fr}.cockpit-title{grid-column:auto}.cockpit-metric{border-left:0;border-top:1px solid rgba(82,135,193,.16)}.performance-grid{grid-template-columns:1fr}.performance-head{align-items:start;gap:8px;flex-direction:column}.recent-pred{grid-template-columns:1fr}.stream-row span b{font-size:13px}.stream-row span small{font-size:11.5px}}
