/* Dimensional Weight Calculator - page-specific styles. Global .ops- system loads from the theme. */
.dw-chart-wrap { position: relative; height: 300px; margin-top: 22px; }
#chartCanvas { max-width: 100% !important; width: 100% !important; height: 100% !important; }
.dw-row1 { display: grid; grid-template-columns: 1fr; gap: 0 14px; }
.dw-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.dw-row3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 14px; }
.dw-row4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 14px; }
.dw-sub { font: 600 11px/1 var(--ops-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ops-text-dim); margin: 18px 0 6px; }
.dw-table td, .dw-table th { font-size: 13px; }
.dw-table tr.dw-air td { color: var(--ops-danger, #e5484d); }
.is-bad { color: var(--ops-danger, #e5484d) !important; }
.is-good { color: var(--ops-ok, #7ee081) !important; }
@media (max-width: 560px) { .dw-row2, .dw-row3, .dw-row4 { grid-template-columns: 1fr 1fr; } .dw-chart-wrap { height: 280px; } }