#whyble-fitpro .wc-agenda-sub{margin:0 10px 8px 16px;border-left:1px solid #35524c;padding-left:8px}
#whyble-fitpro .wc-agenda-sub button{padding:8px;font-size:13px}
#whyble-fitpro .wc-agenda-caret{margin-left:auto}
#whyble-fitpro.wc-menu-collapsed .wc-agenda-sub{margin:0;padding:0;border:0}
#whyble-fitpro.wc-menu-collapsed .wc-agenda-sub button{font-size:10px;padding:8px 1px;white-space:normal;width:100%;justify-content:center}
#whyble-fitpro .checkins-page{display:grid;gap:14px}
#whyble-fitpro .ci-metrics,#whyble-fitpro .ci-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#whyble-fitpro .ci-panel{background:#152022;border:1px solid #29383a;border-radius:12px;padding:17px;min-width:0}
#whyble-fitpro .ci-panel h2{font-size:18px;margin:0 0 10px}
#whyble-fitpro .ci-number{font-size:34px;font-weight:650;line-height:1.2;margin:6px 0}
#whyble-fitpro .ci-note{font-size:13px;color:#a7b9b8;margin:6px 0 12px}
#whyble-fitpro .ci-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #29383a;font-size:14px}
#whyble-fitpro .ci-row>span{color:#a7b9b8;white-space:nowrap}
#whyble-fitpro .ci-scroll{max-height:320px;overflow:auto;scrollbar-width:thin}
#whyble-fitpro .ci-chart svg{display:block;width:100%;height:240px;margin:18px 0}#whyble-fitpro .ci-chart details{margin-top:12px;font-size:13px;color:#a7b9b8}
@media(max-width:650px){#whyble-fitpro .ci-metrics,#whyble-fitpro .ci-lists{grid-template-columns:1fr}}

#whyble-fitpro.wc-menu-collapsed .wc-agenda-sub,#whyble-fitpro.wc-menu-collapsed .wc-agenda-caret{display:none!important}
#whyble-fitpro .wc-agenda-flyout{position:fixed;inset:auto;margin:0;width:210px;padding:7px;border:1px solid #36514b;border-radius:11px;background:#142022;color:var(--wc-text);box-shadow:0 12px 32px #0007}
#whyble-fitpro .wc-agenda-flyout-title{font-size:13.2px;color:var(--wc-muted);padding:7px 10px;text-transform:uppercase;letter-spacing:.8px}
#whyble-fitpro .wc-agenda-flyout button{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:15.6px;color:var(--wc-text);background:transparent;border:0;border-radius:7px;padding:10px;text-align:left}
#whyble-fitpro .wc-agenda-flyout button:hover,#whyble-fitpro .wc-agenda-flyout button[aria-current=page]{background:#1b3935;color:var(--wc-accent)}
#whyble-fitpro .wc-agenda-flyout svg{width:18px;height:18px;flex:none}
#whyble-fitpro .ci-chart-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:13px 0}
#whyble-fitpro .ci-chart-controls label{display:flex;align-items:center;gap:6px;font-size:13.2px;color:var(--wc-muted)}
#whyble-fitpro .ci-chart-controls select,#whyble-fitpro .ci-chart-controls button{font:inherit;font-size:14.4px;padding:6px 9px;border:1px solid #304143;border-radius:7px;background:#101a1c;color:var(--wc-text)}
#whyble-fitpro .ci-chart-controls button[aria-pressed=true]{background:#1b3935;color:var(--wc-accent)}
#whyble-fitpro .ci-chart-controls input{accent-color:var(--wc-accent)}
#whyble-fitpro .ci-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:13.2px;color:var(--wc-muted)}
#whyble-fitpro .ci-legend span{display:flex;gap:6px;align-items:center}
#whyble-fitpro .ci-legend i{display:inline-block;width:16px;height:3px}
#whyble-fitpro .ci-values{max-height:220px;overflow:auto;font-size:13.2px}
/* Match the approved check-in concept: full-width chart and balanced cards. */
#whyble-fitpro .checkins-page{gap:14px}
#whyble-fitpro .ci-panel{padding:22px}
#whyble-fitpro .ci-metrics .ci-panel h2{font-size:14.4px;font-weight:400;color:var(--wc-muted)}
#whyble-fitpro .ci-number{font-size:36px;margin:10px 0 12px}
#whyble-fitpro .ci-chart h2{font-size:20.4px;margin-bottom:2px}
#whyble-fitpro .ci-chart-controls{margin:18px 0 15px}
#whyble-fitpro .ci-chart svg{width:100%;max-width:none;height:270px;margin:16px 0 12px}
#whyble-fitpro .ci-lists .ci-panel{min-height:280px}
#whyble-fitpro .ci-lists .ci-panel h2{font-size:19.2px}
#whyble-fitpro .ci-lists .ci-row{padding:14px 0}
#whyble-fitpro .ci-note{line-height:1.5}
@media(max-width:650px){#whyble-fitpro .ci-panel{padding:16px}#whyble-fitpro .ci-chart svg{height:200px}}
/* Match the approved Check-ins composition. */
#whyble-fitpro .checkins-page{gap:16px;padding-top:6px}
#whyble-fitpro .ci-page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px}
#whyble-fitpro .ci-page-heading h2{font-size:21.6px;margin:0}
#whyble-fitpro .ci-page-heading p{margin:0}
#whyble-fitpro .ci-panel{padding:21px;border-radius:14px}
#whyble-fitpro .ci-metrics .ci-panel h2{font-size:14.4px;font-weight:400;color:var(--wc-muted);margin-bottom:13px}
#whyble-fitpro .ci-metrics .ci-panel{min-height:145px}
#whyble-fitpro .ci-metrics .ci-note{margin:12px 0 0;font-size:13.2px}
#whyble-fitpro .ci-number{font-size:36px;font-weight:650;margin:0}
#whyble-fitpro .ci-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
#whyble-fitpro .ci-chart-heading h2{margin:0 0 3px;font-size:20.4px}
#whyble-fitpro .ci-chart-heading .ci-note{margin:0}
#whyble-fitpro .ci-source-select{display:none}
#whyble-fitpro .ci-chart-controls{margin:0 0 17px;gap:8px}
#whyble-fitpro .ci-chart svg{width:100%;max-width:none;height:280px;margin:18px 0 24px}#whyble-fitpro .ci-chart-output>.ci-note{margin:0 0 18px}
#whyble-fitpro .ci-legend{gap:18px;font-size:13.2px}
#whyble-fitpro .ci-lists .ci-panel{min-height:325px}
#whyble-fitpro .ci-row{padding:15px 0}
@media(max-width:650px){#whyble-fitpro .ci-panel{padding:16px}#whyble-fitpro .ci-page-heading{align-items:start;flex-direction:column;gap:3px}#whyble-fitpro .ci-chart-heading{flex-wrap:wrap}#whyble-fitpro .ci-chart svg{height:230px}}