/* Only the three requested pages: compact card spacing, never global zoom. */
#whyble-fitpro[data-page=overzicht] .wc-stat{padding:16.2px;grid-template-rows:36px 37.8px minmax(30.6px,auto)}
#whyble-fitpro[data-page=overzicht] .wc-stat-value{font-size:34.56px;line-height:37.8px}
#whyble-fitpro[data-page=overzicht] .wc-brief{padding:15.3px 17.1px;gap:10.8px;margin-bottom:21.6px}
#whyble-fitpro[data-page=overzicht] .wc-card{padding:17.1px}
#whyble-fitpro[data-page=overzicht] .wc-task{padding:18.9px 0}
#whyble-fitpro[data-page=financien] .finance-view .panel{padding:16.2px}
#whyble-fitpro[data-page=financien] .finance-view .value{font-size:27px}
#whyble-fitpro[data-page=financien] .finance-view .product-total{font-size:29.16px}
#whyble-fitpro[data-page=checkins] .ci-panel{padding:18.9px}
#whyble-fitpro[data-page=checkins] .ci-number{font-size:32.4px}
#whyble-fitpro[data-page=checkins] .ci-metrics .ci-panel{min-height:130.5px}
#whyble-fitpro[data-page=checkins] .ci-lists .ci-panel{min-height:292.5px}
#whyble-fitpro[data-page=checkins] .ci-row{padding:13.5px 0}
@media(max-width:720px){#whyble-fitpro[data-page=overzicht] .wc-stat{padding:14.4px}#whyble-fitpro[data-page=overzicht] .wc-card{padding:15.3px}}
@media(max-width:650px){#whyble-fitpro[data-page=checkins] .ci-panel{padding:14.4px}}
@media(max-width:500px){#whyble-fitpro[data-page=financien] .finance-view .panel{padding:13.5px}}
/* More breathing room between sidebar and the full card column. */
#whyble-fitpro[data-page=overzicht] .wc-main,#whyble-fitpro[data-page=financien] .wc-main,#whyble-fitpro[data-page=checkins] .wc-main{padding-left:38px;padding-right:38px}
@media(max-width:720px){#whyble-fitpro[data-page=overzicht] .wc-main,#whyble-fitpro[data-page=financien] .wc-main,#whyble-fitpro[data-page=checkins] .wc-main{padding-left:22px;padding-right:22px}}
/* Limit reading width on wide screens; retain equal outer margins. */
#whyble-fitpro[data-page=overzicht] .wc-main,#whyble-fitpro[data-page=financien] .wc-main,#whyble-fitpro[data-page=checkins] .wc-main{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;align-self:center}
/* Full-width scrolling surface; only its content is width-constrained. */
#whyble-fitpro[data-page=overzicht] .wc-main,#whyble-fitpro[data-page=financien] .wc-main,#whyble-fitpro[data-page=checkins] .wc-main{max-width:none;margin-left:0;margin-right:0;align-self:stretch}
#whyble-fitpro[data-page=overzicht] .wc-main>*,#whyble-fitpro[data-page=financien] .wc-main>*,#whyble-fitpro[data-page=checkins] .wc-main>*{width:100%;max-width:1284px;align-self:center}

/* Approved option 2: balanced compact overview and finance, page-scoped. */
#whyble-fitpro[data-page=overzicht] .wc-main>*,#whyble-fitpro[data-page=financien] .wc-main>*{max-width:960px;margin-left:auto;margin-right:auto}
#whyble-fitpro[data-page=overzicht] .wc-stat{padding:14px 16px;grid-template-rows:minmax(34px,auto) 34px minmax(24px,auto)}
#whyble-fitpro[data-page=overzicht] .wc-stat-label{font-size:14px;line-height:18px}
#whyble-fitpro[data-page=overzicht] .wc-stat-value{font-size:28px;line-height:34px}
#whyble-fitpro[data-page=overzicht] .wc-stat .wc-stat-footer{font-size:13px;margin-top:5px}
#whyble-fitpro[data-page=overzicht] .wc-stats{gap:10px;margin-bottom:12px}
#whyble-fitpro[data-page=overzicht] .wc-brief{padding:13px 16px;margin-bottom:12px}
#whyble-fitpro[data-page=overzicht] .wc-brief p{font-size:14px}
#whyble-fitpro[data-page=overzicht] .wc-work{gap:12px}
#whyble-fitpro[data-page=overzicht] .wc-secondary{gap:12px}
#whyble-fitpro[data-page=overzicht] .wc-card{padding:14px 16px}
#whyble-fitpro[data-page=overzicht] .wc-card-head{margin-bottom:12px}
#whyble-fitpro[data-page=overzicht] .wc-card h2{font-size:18px}
#whyble-fitpro[data-page=overzicht] .wc-task{padding:12px 0}
#whyble-fitpro[data-page=overzicht] .wc-task:first-of-type{padding-top:0}
#whyble-fitpro[data-page=overzicht] .wc-task:last-child{padding-bottom:0}
#whyble-fitpro[data-page=overzicht] .wc-task h3{font-size:15px}
#whyble-fitpro[data-page=overzicht] .wc-task p{font-size:13px;margin:5px 0 8px}
#whyble-fitpro[data-page=overzicht] .wc-task .wc-link{font-size:13px}
#whyble-fitpro[data-page=financien] .finance-view .panel{padding:14px 16px}
#whyble-fitpro[data-page=financien] .finance-view h2{font-size:18px}
#whyble-fitpro[data-page=financien] .finance-view h3{font-size:15px}
#whyble-fitpro[data-page=financien] .finance-view .value{font-size:28px;margin:5px 0 7px}
#whyble-fitpro[data-page=financien] .finance-view .metric-label{font-size:14px}
#whyble-fitpro[data-page=financien] .finance-view .metrics{gap:10px;margin-bottom:12px}
#whyble-fitpro[data-page=financien] .finance-view .charts{gap:12px;margin-bottom:14px}
#whyble-fitpro[data-page=financien] .finance-view .section-head{margin-bottom:12px}
#whyble-fitpro[data-page=financien] .finance-view .secondary{gap:12px;margin-top:14px}
#whyble-fitpro[data-page=financien] .finance-view td{padding:10px 8px}
@media(max-width:720px){
 #whyble-fitpro[data-page=overzicht] .wc-main,#whyble-fitpro[data-page=financien] .wc-main{padding-left:16px;padding-right:16px}
}

/* Extend the approved balanced density to check-ins and approvals. */
#whyble-fitpro[data-page=checkins] .wc-main>*,#whyble-fitpro[data-page=goedkeuringen] .wc-main>*{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
#whyble-fitpro[data-page=goedkeuringen] .wc-main{padding-left:38px;padding-right:38px}
#whyble-fitpro[data-page=checkins] .checkins-page{gap:12px}
#whyble-fitpro[data-page=checkins] .ci-panel{padding:14px 16px}
#whyble-fitpro[data-page=checkins] .ci-metrics .ci-panel{min-height:114px}
#whyble-fitpro[data-page=checkins] .ci-number{font-size:28px}
#whyble-fitpro[data-page=checkins] .ci-panel h2,#whyble-fitpro[data-page=checkins] .ci-page-heading h2{font-size:18px}
#whyble-fitpro[data-page=checkins] .ci-metrics .ci-panel h2{font-size:14px;margin-bottom:8px}
#whyble-fitpro[data-page=checkins] .ci-metrics .ci-note{margin-top:8px}
#whyble-fitpro[data-page=checkins] .ci-lists .ci-panel{min-height:240px}
#whyble-fitpro[data-page=checkins] .ci-row{padding:10px 0}
#whyble-fitpro[data-page=checkins] .ci-chart-heading{margin-bottom:12px}
#whyble-fitpro[data-page=checkins] .ci-chart-controls{margin-bottom:12px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .overview{gap:10px;margin:14px 0}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .stat{padding:14px 16px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .stat strong{font-size:28px;margin:4px 0}
#whyble-fitpro[data-page=goedkeuringen] .governance-view h2{font-size:18px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view h3{font-size:15px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .row{padding:12px 14px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .detail{padding:14px 16px;gap:12px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .detail .person{font-size:21px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .section-head{margin:16px 0 10px}
#whyble-fitpro[data-page=goedkeuringen] .governance-view .access{padding:14px 16px}
@media(max-width:720px){#whyble-fitpro[data-page=checkins] .wc-main,#whyble-fitpro[data-page=goedkeuringen] .wc-main{padding-left:16px;padding-right:16px}}