/* Scoped report density; preserve every value, caption and table column. */
.page-reports .workspace main,.page-reports-admin .workspace main{padding-top:22px}
.finance-report,.cs-report,.page-reports .page-title,.page-reports-admin .page-title{max-width:1320px;margin-left:auto;margin-right:auto}
.page-reports-admin .page-title h1{font-size:22px;letter-spacing:-.35px}
.page-reports-admin .page-title p{font-size:12px}
.page-reports-admin .date-pill{display:none}
.page-reports .access-tabs,.page-reports-admin .access-tabs{max-width:1320px;margin:0 auto 16px;gap:6px}
.finance-report .card.pad,.cs-report .card.pad{padding:16px;border-radius:10px;margin-bottom:14px}
.finance-report h2,.cs-report h2{font-size:14px;margin-bottom:8px}
.finance-report p,.cs-report section>p{font-size:11px;line-height:1.6;margin-bottom:10px}
.finance-report table,.cs-report table{font-size:12px;font-variant-numeric:tabular-nums}
.finance-report :is(td,th),.cs-report :is(td,th){padding:9px 10px}
.finance-report th,.cs-report th{font-size:10px;letter-spacing:.3px}
.finance-report .pagination{padding:12px 0 0}
.report-stats strong{font-size:22px;margin:8px 0 5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.report-stats .card.pad{min-height:108px}
.cs-report .cs-insights-head{margin:16px 0 12px;gap:14px}
.cs-report .cs-insights-head h2{font-size:18px;margin:3px 0 5px}
.cs-report .cs-insights-head p{font-size:11px;margin:0}
.cs-report .cs-insight-grid{grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:12px}
.cs-report .cs-side-cards{gap:12px}
.cs-report .cs-side-cards .card{margin:0}
.cs-report .cs-big-number{font-size:36px;margin:8px 0;letter-spacing:-1px}
.cs-report .cs-change{margin:8px 0;font-size:11px}
.cs-report .cs-goal-value{font-size:22px;margin:8px 0}
.cs-report .cs-deeper-grid{gap:12px;margin-bottom:0}
.cs-report .cs-donut{width:200px;flex-basis:200px}
.cs-report .cs-donut-legend li{padding:6px 0}
.cs-report .cs-chart-key{font-size:11px;margin-bottom:10px;gap:8px 14px}
.cs-report .cs-filter-row{gap:10px}
.cs-report .cs-presets{margin-top:10px;font-size:11px}
.cs-report .cs-trend-form{gap:8px;align-items:end}
.cs-report .cs-trend-form :is(select,button){font-size:12px;padding:8px 10px;min-height:35px}
.finance-chart .split{gap:12px;align-items:start;flex-wrap:wrap}
.finance-chart .cs-chart-key{font-size:11px;margin:0}
.finance-chart-svg{width:100%;min-width:560px;display:block;max-height:285px}
.finance-chart-svg text{font:11px 'Segoe UI',Arial,sans-serif;fill:#627079}
.finance-chart .cs-swatch{background:#438b76}
.finance-chart .cs-swatch.cs-purple{background:#7973ad}
.finance-report .cs-svg-scroll,.cs-report .cs-svg-scroll{padding:3px 0;overscroll-behavior-x:contain}
.report-chart-bar{transform-box:fill-box;transform-origin:center bottom}
@media(max-width:1100px){.cs-report .cs-insight-grid{grid-template-columns:1fr}.cs-report .cs-side-cards{grid-template-columns:1fr 1fr}.cs-report .cs-insights-head{align-items:start}}
@media(max-width:600px){.finance-report .card.pad,.cs-report .card.pad{padding:12px}.cs-report .cs-side-cards{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr}.cs-report .cs-trend-form{width:100%;display:flex;flex-wrap:wrap}.cs-report .cs-trend-form label{flex:1;min-width:130px}.cs-report .cs-big-number{font-size:30px}}
@media print{.finance-chart-svg{min-width:0;max-height:none}.report-chart-bar{transform:none!important}}
/* Shared report container: aligned with title, tabs and finance controls. */
.page-reports-admin .cs-report,.page-reports .finance-report{width:100%;max-width:1320px;margin:0 auto}
.cs-report .cs-main-chart>.cs-svg-scroll{margin:8px 0}
.cs-report .cs-main-chart{justify-content:flex-start}
.cs-report .cs-main-chart .cs-insight-svg:not(.cs-long-chart){max-height:300px}
.cs-report .cs-green{background:var(--chart-cs-line,#94bc59)}
.cs-report .cs-purple{background:var(--chart-cs-wo,#7973ad)}
.finance-chart .cs-swatch{background:var(--chart-finance-received,#438b76)}
.finance-chart .cs-swatch.cs-purple{background:var(--chart-finance-dp,#7973ad)}
.cs-report .cs-bar-all{fill:var(--chart-cs-line,#94bc59)}
.cs-report .cs-bar-maklon{fill:var(--chart-cs-wo,#7973ad)}

/* v2.79: use the full finance plot width; compact CS plots and card heights. */
.finance-report .finance-chart-svg{width:100%;height:240px;max-height:none;min-width:560px}
.cs-report .cs-insight-grid,.cs-report .cs-deeper-grid{align-items:start}
.cs-report .cs-main-chart .cs-insight-svg:not(.cs-long-chart),
.cs-report .cs-deeper-grid .cs-insight-svg:not(.cs-long-chart){height:240px;max-height:240px}
.cs-report .cs-main-chart>.cs-svg-scroll{margin:2px 0}
.cs-report .cs-main-chart>small{margin-top:4px}
.cs-report .cs-deeper-grid .cs-donut-wrap{justify-content:flex-start;gap:12px}
.cs-report .cs-donut{width:160px;flex:0 0 160px}
.cs-report .cs-donut-legend{flex:1 1 160px;max-width:280px}
.cs-report .cs-donut-legend li{padding:5px 0}
.cs-report .cs-long-chart{height:240px;min-width:100%;width:auto}
@media(max-width:600px){.cs-report .cs-donut{width:145px;flex-basis:145px}}

/* Full-width plot with constant font size, keeping the compact report height. */
.cs-report .cs-main-chart .cs-insight-svg,.cs-report .cs-deeper-grid .cs-insight-svg{height:260px;max-height:260px;min-width:560px}