.tariff-analysis-grid{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(520px,1.4fr);gap:22px;padding-top:18px}.tariff-analysis-grid h4{margin:0;font-size:13px}.tariff-analysis-grid small{color:var(--muted);font-size:10px}.tariff-donut-panel{padding-right:20px;border-right:1px solid var(--line)}.tariff-donut-content{display:grid;grid-template-columns:190px 1fr;gap:13px;align-items:center;margin-top:15px}.tariff-donut svg{display:block;width:185px;height:185px}.donut-total{fill:var(--ink);font-size:21px;font-weight:900}.donut-caption{fill:var(--muted);font-size:7px;font-weight:800;letter-spacing:1px}.tariff-legend{display:grid;gap:5px}.tariff-legend-row{display:grid;grid-template-columns:9px minmax(90px,1fr) 45px 59px;align-items:center;gap:7px;padding:4px 0;border-bottom:1px solid #edf2f6;font-size:10px}.tariff-legend-row div{display:grid}.tariff-legend-row strong{text-align:right}.tariff-legend-row>span{text-align:right;font-weight:800}.tariff-positive{color:var(--green)}.tariff-negative{color:var(--red)}.tariff-swatch{width:8px;height:8px;border-radius:2px}.tariff-color-0{background:#0077b8}.tariff-color-1{background:#00a9d6}.tariff-color-2{background:#16a16c}.tariff-color-3{background:#f0b429}.tariff-color-4{background:#e46b49}.tariff-color-5{background:#7454a6}.tariff-color-6{background:#35a7a0}.tariff-color-7{background:#8a9aab}.tariff-chart-head{display:flex;justify-content:space-between;gap:12px}.tariff-mini-legend{display:flex;gap:12px;color:var(--muted);font-size:9px}.tariff-mini-legend span{display:flex;align-items:center;gap:5px}.tariff-mini-legend i{display:inline-block;width:10px;height:5px}.kwh-key{background:var(--blue)}.growth-key{background:var(--green);border-radius:5px}.tariff-trend{height:315px;margin-top:8px}.tariff-trend svg{width:100%;height:100%;overflow:visible}.tariff-gridline{stroke:#e8eef4;stroke-width:1}.tariff-axis,.tariff-category{fill:var(--muted);font-size:9px}.tariff-category{font-weight:700}.tariff-kwh-bar{fill:#0077b8;opacity:.88}.tariff-bar-value{fill:var(--blue);font-size:8px;font-weight:800}.tariff-growth-line{fill:none;stroke:var(--green);stroke-width:2}.tariff-growth-dot{fill:#fff;stroke:var(--green);stroke-width:3}.tariff-growth-dot.is-negative{stroke:var(--red)}.tariff-growth-value{fill:var(--green);font-size:8px;font-weight:900}.tariff-growth-value.is-negative{fill:var(--red)}.tariff-zero{stroke:#687991;stroke-width:1;stroke-dasharray:4 3}
@media(max-width:1150px){.tariff-analysis-grid{grid-template-columns:1fr}.tariff-donut-panel{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:650px){.tariff-donut-content{grid-template-columns:1fr}.tariff-donut{display:grid;place-items:center}.tariff-trend{overflow-x:auto}.tariff-trend svg{min-width:680px}}
.tariff-monthly-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.tariff-monthly-panel select{margin:0}.tariff-monthly-notice{margin-top:10px;padding:8px 10px;border-radius:6px;background:#f4f8fb;color:var(--muted);font-size:10px}.tariff-monthly-chart{height:355px;margin-top:8px;overflow-x:auto}.tariff-monthly-chart svg{width:100%;height:315px;min-width:760px;overflow:visible}.tariff-month-legend{display:flex;flex-wrap:wrap;gap:7px 13px;color:var(--muted);font-size:9px}.tariff-month-legend span{display:flex;align-items:center;gap:5px}.tariff-line-swatch{width:11px;height:3px;border-radius:2px}.tariff-month-value{fill:var(--ink);font-size:7px;font-weight:800}