#detail-tabs:empty{display:none}#detail-tabs{flex-shrink:0;border-bottom:1px solid var(--line);background:var(--surface);padding:0 23px}.history-tablist{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:7px 0 11px;scrollbar-width:thin}.history-tablist button{font:600 14px 'Segoe UI',sans-serif;min-height:44px;padding:10px 18px;white-space:nowrap;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.history-tablist button[aria-selected=true]{color:white;background:var(--module)}.history-tablist button:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;box-shadow:inset 0 0 0 6px white}.history-tab-panel[hidden]{display:none}.history-tab-panel>h3{font-size:20px;color:var(--foreground);margin:0 0 18px}.history-period-heading{font-size:15px;color:var(--muted);margin:0 0 18px}.period-product-chart{margin-bottom:22px;padding:20px;background:white;border:1px solid var(--line);border-radius:11px}.period-product-chart h4{font-size:16px;color:var(--module);margin:0 0 20px}.period-product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;margin:19px 0}.period-product-row>div>strong{font-size:16px;font-weight:600;display:block}.period-product-row>div>span{font-size:14px;color:var(--muted);display:block;margin-top:5px}.period-product-row>b{font-size:23px;color:var(--module);white-space:nowrap}.period-product-row>svg{width:100%;height:14px;grid-column:1/-1;border-radius:4px}.period-product-row>small{grid-column:1/-1;color:var(--muted);font-size:14px}.monthly-chart-controls{display:grid;grid-template-columns:minmax(220px,2fr) 140px 170px minmax(170px,1fr);gap:14px;padding:20px}.monthly-chart-controls label{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--muted);min-width:0}.monthly-chart-controls input,.monthly-chart-controls select{min-width:0;width:100%;border:1px solid var(--control-border);background:white;border-radius:8px;min-height:45px;padding:9px 11px;font:400 16px 'Segoe UI',sans-serif;color:var(--text)}.monthly-chart-scope{padding:0 20px 17px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.monthly-chart-scope strong{font-size:18px;color:var(--foreground)}.monthly-legend{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding:0 20px 16px;align-items:center}.monthly-legend span{display:flex;align-items:center;gap:7px}.monthly-legend i{width:12px;height:12px;border-radius:2px;display:block}.monthly-paid-key{background:var(--module-blue)}.monthly-free-key{background:var(--module-purple)}.monthly-track{fill:var(--chart-track)}.monthly-paid{fill:var(--module-blue)}.monthly-free{fill:var(--module-purple);stroke:white;stroke-width:1;stroke-dasharray:3 2}.monthly-bars-scroll{overflow:auto;padding:12px 20px 20px;max-width:100%}.monthly-bars{display:flex;gap:12px;min-width:100%;align-items:flex-end}.monthly-column{display:flex;flex:1 0 65px;min-width:65px;flex-direction:column;align-items:center;position:relative;border-radius:6px;padding:5px;outline-offset:-2px}.monthly-column:focus-visible{outline:3px solid var(--focus)}.monthly-value{font-size:17px;font-weight:650;color:var(--foreground);margin-bottom:9px;white-space:nowrap}.monthly-value small{font-size:14px;font-weight:400}.monthly-column-svg{height:150px;width:45px;max-width:100%;display:block}.monthly-column time{font-size:14px;color:var(--muted);margin-top:10px;white-space:nowrap}.monthly-tooltip{display:none;position:absolute;bottom:29px;left:50%;transform:translateX(-50%);background:var(--header-bg);color:white;padding:7px 10px;border-radius:6px;font-size:14px;z-index:3;min-width:100px;text-align:center;white-space:normal;line-height:1.5}.monthly-column:hover .monthly-tooltip,.monthly-column:focus-visible .monthly-tooltip{display:block}.monthly-company-heading{font-size:18px;color:var(--foreground);margin:20px}.monthly-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 20px}.monthly-company-chart{min-width:0;border:1px solid var(--line);border-radius:10px;background:white}.monthly-company-chart h5{font-size:17px;color:var(--foreground);padding:17px 18px 0;margin:0;overflow-wrap:anywhere}.monthly-company-chart .monthly-bars-scroll{padding:12px 12px 18px}.monthly-company-chart .monthly-bars{gap:5px}.monthly-company-chart .monthly-column{flex-basis:58px;min-width:58px}.monthly-company-chart .monthly-value{font-size:15px}.monthly-company-chart .monthly-column-svg{height:110px;width:32px}.monthly-company-pages{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;padding:22px;font-size:14px;color:var(--muted)}.monthly-data-table{border-top:1px solid var(--line)}.monthly-data-table summary{font-size:14px;min-height:48px;cursor:pointer;padding:16px 20px;color:var(--module)}.monthly-data-table td{min-width:125px}.monthly-data-table td:first-child{min-width:220px}.monthly-data-table .cell-sub{font-size:14px}.history-monthly-comparison{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:24px 0}.history-monthly-comparison>summary{font-size:15px;cursor:pointer;min-height:48px;color:var(--module);padding:16px 20px;font-weight:600}.selected-range-chart{border:1px solid var(--line);border-radius:11px;margin-bottom:20px;overflow:hidden}.selected-range-chart h4{font-size:16px;margin:19px 20px;color:var(--foreground)}
@media(max-width:1100px){.monthly-chart-controls{grid-template-columns:minmax(180px,1fr) 140px 170px}.monthly-chart-controls label:last-child:nth-child(4){grid-column:1/-1}.monthly-company-grid{grid-template-columns:1fr}.monthly-column{flex-basis:60px;min-width:60px}}
@media(max-width:550px){#detail-tabs{padding:0 17px}.history-tablist{padding:6px 0 10px;gap:5px}.history-tablist button{padding:10px 13px;font-size:14px}.monthly-chart-controls{padding:17px;grid-template-columns:1fr 1fr;gap:14px 10px}.monthly-chart-controls label:first-child{grid-column:1/-1}.monthly-chart-controls label:last-child:nth-child(4){grid-column:1/-1}.monthly-chart-controls input,.monthly-chart-controls select{font-size:16px;padding:9px}.monthly-chart-scope{padding:0 17px 17px}.monthly-chart-scope strong{font-size:17px}.monthly-legend{padding:0 17px 15px;font-size:14px;gap:10px 17px}.monthly-bars-scroll{padding:10px 12px 18px}.monthly-company-grid{padding:0 12px}.monthly-company-heading{margin:20px 17px}.monthly-value{font-size:16px}.monthly-value small{font-size:14px}.monthly-column{flex-basis:62px;min-width:62px}.monthly-company-pages{padding:18px 12px;gap:12px}.monthly-company-pages>span{flex-basis:100%;text-align:center;order:3}.period-product-chart{padding:17px}.period-product-row{gap:8px 12px}.period-product-row>b{font-size:21px}.period-product-row>div>strong{font-size:16px}.selected-range-chart h4{margin:17px}.history-tab-panel>h3{font-size:19px}}
