.overview-filters{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:22px 0 30px}.overview-periods{display:flex;gap:12px}.overview-periods button{padding:8px 20px;color:#60718f}.overview-periods button.active{background:#2d73ff;color:white;border-color:#2d73ff}.overview-filters label{display:flex;align-items:center;gap:18px;color:#72809c;font-size:15px}.overview-filters .date-box{width:342px;justify-content:center;height:42px}.overview-filters .date-box input{font-size:14px;height:36px}.overview-columns{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.overview-column{padding:12px 34px 8px 0;min-width:0}.overview-column+section{border-left:1px solid #e0e7f2;padding:12px 0 8px 34px}.overview-column h2{font-size:25px;margin:0 0 4px}.overview-description{font-size:14px;color:#7f8da6;margin:0 0 18px}.overview-count{font-size:72px;font-weight:600;color:#0959fa;line-height:1.15;letter-spacing:-2px}.overview-count span{font-size:22px;color:#6b7e9c;font-weight:400;letter-spacing:0;margin-left:12px}.overview-metric-label{font-size:15px;color:#7c8ba5;margin:7px 0 25px}.overview-account-metrics{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;margin-top:21px}.overview-account-metrics>div+div{border-left:1px solid #e0e7f2;padding-left:35px}.overview-account-metrics .overview-count{color:#6536f4}.overview-account-metrics>div+div .overview-count{font-size:49px}.overview-chart-label{font-size:13px;color:#8491a7;margin:14px 0 9px}.overview-chart{position:relative;height:220px;margin-bottom:23px}.overview-chart canvas{width:100%;height:100%}.overview-link{display:inline-flex;align-items:center;gap:14px;color:#0056ff;font-weight:600;margin-top:12px;font-size:16px}.overview-link img{width:18px;height:18px}.overview-rank{border-top:1px solid #e0e7f2;margin-top:22px;padding-top:23px}.overview-rank-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.overview-rank-head>div{display:flex;gap:17px;align-items:baseline}.overview-rank-head h2{font-size:24px}.overview-rank-head p{font-size:13px;color:#7e8fa9;margin:0}.overview-rank-head a{background:#0056ff;color:white;border-radius:5px;padding:10px 18px;font-size:14px}.overview-rank table{font-size:15px}.overview-rank th,.overview-rank td{padding:12px 23px;height:44px}.overview-rank td:last-child,.overview-rank th:last-child{text-align:right}.overview-rank .rank{width:25px;height:25px;font-size:13px}.overview-rank .tool-name img{width:23px;height:23px}.overview-columns .state-panel{min-height:220px;padding:20px 16px}.overview-footnote{color:#8594ad;font-size:12px;margin:21px 0 0}.overview-chart-tooltip{position:absolute;top:16px;left:60px;z-index:2;padding:8px 11px;border:1px solid #e0e7f1;border-radius:5px;box-shadow:0 4px 14px #132b5015;background:white;color:#314a70;font-size:13px}@media(max-width:1200px){.overview-column{padding-right:20px}.overview-column+section{padding-left:20px}.overview-count{font-size:56px}.overview-account-metrics>div+div{padding-left:18px}.overview-account-metrics>div+div .overview-count{font-size:40px}.overview-rank-head>div{display:block}.overview-rank-head p{margin-top:6px}}@media(max-width:850px){.overview-columns{grid-template-columns:1fr}.overview-column{padding:10px 0 25px}.overview-column+section{border-left:0;border-top:1px solid #e0e7f2;padding:25px 0 10px}.overview-chart{height:220px}.overview-filters{gap:15px}.overview-filters label{flex-wrap:wrap;gap:10px}.overview-filters .date-box{max-width:100%;width:310px}.overview-count{font-size:56px}.overview-rank-head{align-items:flex-start}.overview-rank-head a{white-space:nowrap}.overview-rank th,.overview-rank td{padding:12px 14px}.overview-rank-head h2{font-size:20px}}
/* P2-01a: the mobile date label must not retain its 310px intrinsic width. */
@media(max-width:760px){
 .overview-filters{min-width:0;max-width:100%}
 .overview-filters>label{flex:1 1 100%;flex-direction:column;align-items:stretch;min-width:0;width:100%;max-width:100%;gap:8px}
 .overview-filters .date-box{width:100%;max-width:100%;min-width:0}
 .overview-filters .date-box input[type="date"]{flex:1 1 0;width:0;min-width:0;max-width:100%}
 .overview-filters .date-box>span{flex-shrink:0}
}