.production-hero{background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%)}.production-hero h2{margin:5px 0 8px}.production-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.production-metric{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.production-metric small,.production-metric span{display:block;color:var(--muted);font-size:11px}.production-metric strong{display:block;font-size:27px;margin:7px 0}.production-metric.red strong{color:var(--red)}.production-metric.yellow strong{color:#aa7600}.production-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.production-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) 120px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.production-row:last-child{border-bottom:0}.production-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.production-row>div:last-child{text-align:right}.production-risk{display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:18px;padding:20px;background:#17181d;color:#fff}.production-risk p{margin:7px 0 0;color:#d1ceda;line-height:1.45}.production-risk strong.metric{font-size:31px;white-space:nowrap}.production-attention-row{display:grid;grid-template-columns:1fr 130px;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.production-attention-row:last-child{border-bottom:0}.production-attention-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.4}.production-attention-row>div:last-child{text-align:right}.production-source-note{color:var(--muted);font-size:12px;margin-top:8px}@media(max-width:1100px){.production-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.production-grid{grid-template-columns:1fr}.production-row{grid-template-columns:1fr}.production-row>div:last-child{text-align:left}.production-risk{align-items:flex-start;flex-direction:column}.production-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.production-summary-grid{grid-template-columns:1fr}.production-attention-row{grid-template-columns:1fr}.production-attention-row>div:last-child{text-align:left}}