.mip-individual-charts-section { margin-top: 24px; }
.mip-individual-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.mip-individual-chart-card { min-width: 0; overflow: hidden; }
.mip-individual-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 8px; }
.mip-individual-chart-heading h4 { margin: 0; color: #063f2f; font-size: 1.05rem; line-height: 1.3; }
.mip-individual-chart-heading span { flex: 0 0 auto; color: #6b7280; font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; }
.mip-individual-chart-canvas { position: relative; height: 250px; padding: 4px 14px 12px; }
.mip-chart-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #dfe9e4; background: #edf6f2; }
.mip-chart-metric { min-width: 0; padding: 12px 8px; text-align: center; border-right: 1px solid #d6e5df; }
.mip-chart-metric:last-child { border-right: 0; }
.mip-chart-metric span { display: block; margin-bottom: 5px; color: #475569; font-size: .72rem; font-weight: 700; }
.mip-chart-metric strong { display: block; color: #0f172a; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mip-chart-metric strong.mip-positive { color: #00864a; }
.mip-chart-metric strong.mip-negative { color: #c82118; }
.mip-chart-metric strong.mip-neutral { color: #475569; }
@media (max-width: 1050px) { .mip-individual-chart-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .mip-individual-chart-canvas { height: 220px; } .mip-chart-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mip-chart-metric:nth-child(3) { border-right: 0; } .mip-chart-metric:nth-child(-n+3) { border-bottom: 1px solid #d6e5df; } }
@media print { .mip-individual-chart-grid { display: block !important; } .mip-individual-chart-card { break-inside: avoid; page-break-inside: avoid; margin-bottom: 12mm; } .mip-individual-chart-canvas { height: 72mm; } .mip-chart-metrics { grid-template-columns: repeat(6, 1fr); } }
