.overview-filters{align-items:center;gap:15px}
.range-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.range-caption{font-size:12px;color:#6b7b8c;margin-right:3px}
.range-separator{font-size:12px;color:#929dab}
.range-apply{min-height:35px;padding:7px 14px;color:#315d53}
.range-error{font-size:12px;color:#ac413c;background:#fff0ed;padding:10px 13px;border-radius:5px;margin:-7px 0 17px}
.total-cost-stat{position:relative}
.formula-button{background:transparent;border:0;padding:0;display:inline-flex;color:#81958f;border-radius:50%}
.formula-button:hover{color:#187366}
.formula-tooltip{position:absolute;left:10px;top:calc(100% - 1px);width:350px;max-width:calc(100vw - 42px);padding:15px 17px;background:#fff;border:1px solid #dce6e1;border-radius:8px;box-shadow:0 8px 30px #223c2e20;z-index:60;color:#506175;font-size:12px;line-height:1.65;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.formula-tooltip strong{font-size:12px;font-weight:600;color:#2b5749}
.formula-tooltip p{margin:8px 0 0;font-size:11px;color:#697d8b}
.formula-equation{font-size:12px;color:#2e4f44;margin-top:5px;font-variant-numeric:tabular-nums}
.total-cost-stat:hover .formula-tooltip,.total-cost-stat:focus-within .formula-tooltip,.total-cost-stat.formula-open .formula-tooltip{opacity:1;visibility:visible}
.overview-trend .trend{height:258px}
.overview-trend .trend-label{font-size:11px;fill:#7e8c9b}
.trend-stage{position:relative}
.trend-tooltip{position:absolute;width:218px;padding:13px 15px;background:#fff;border:1px solid #dde6e2;border-radius:7px;box-shadow:0 6px 24px #243d3420;z-index:20;pointer-events:none;color:#607184;font-size:12px;line-height:1.6}
.trend-tooltip>strong{font-size:12px;font-weight:600;color:#334b5d;display:block;margin-bottom:7px}
.trend-tooltip>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-variant-numeric:tabular-nums}
.trend-tooltip .trend-tip-total{color:#2d6556;border-bottom:1px solid #edf2ef;margin-bottom:4px;padding-bottom:7px}
.trend-tip-total b{font-weight:600}
.trend-tooltip p{margin:5px 0;color:#929dab;font-size:11px}
.trend-hit:focus-visible{outline:none;stroke:#558f80;stroke-width:1}
.subject-summary-table{min-width:890px}
.subject-summary-table th{font-size:12px;color:#667789}
.subject-summary-table td{font-size:12px;padding-top:19px;padding-bottom:19px}
.subject-summary-table .subject-tag{font-size:12px;color:#4b6172}
.subject-game-count{display:block;font-size:10px;color:#8c9ba7;margin-top:6px}
.share-cell{min-width:128px}
.summary-share{height:5px;width:88px;background:#eef2f4;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}
.summary-share>span{display:block;height:100%;border-radius:3px}
.summary-share-label{font-size:10px;color:#7b8c9a;display:block;margin-top:5px;font-variant-numeric:tabular-nums}
.share-unavailable{color:#a0abb4}
.annual-year-control{display:flex;align-items:center;gap:11px;font-size:12px;color:#6b7b8c}
.annual-summary{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#7d8c99;margin:1px 0 20px}
.annual-summary strong{font-size:23px;font-weight:600;margin:0 9px;color:#325c50;font-variant-numeric:tabular-nums}
@media(max-width:1200px){.overview-filters{align-items:flex-start}.range-form{gap:7px}.range-caption{font-size:11px}.range-form .month-input{padding:6px 8px}.range-form .month-input input{width:108px}}
@media(max-width:680px){.range-form{width:100%;gap:7px}.range-caption{width:100%;margin:0 0 2px}.range-form .month-input{gap:5px;padding:7px 8px}.range-form .month-input input{width:108px;font-size:12px}.range-form .month-input svg{width:13px}.range-form .month-input:first-of-type{flex:1}.range-form .month-input:nth-of-type(2){flex:1}.range-apply{padding:7px 10px;min-height:36px}.overview-trend .trend{height:250px}.formula-tooltip{width:320px;left:0}.formula-tooltip p{font-size:11px}.annual-summary{font-size:11px}.annual-summary strong{font-size:21px}.subject-summary-table{min-width:850px}}
