#whyble-fitpro .cl-gear{background:transparent;border:1px solid var(--wc-line);border-radius:7px;color:var(--wc-muted);font-size:25.2px;line-height:1;width:32px;height:32px;padding:0;display:inline-flex;justify-content:center;align-items:center}
#whyble-fitpro .cl-gear:hover{color:var(--wc-accent);border-color:var(--wc-accent)}
#whyble-fitpro .cl-gear[hidden],#whyble-fitpro [hidden]{display:none!important}
#whyble-fitpro .cl-dialog{position:fixed;inset:var(--wc-top-height) 0 0 auto;margin:0;width:365px;max-width:100%;height:calc(100% - var(--wc-top-height));max-height:calc(100% - var(--wc-top-height));padding:0;border:1px solid var(--wc-line);background:#111c1e;color:var(--wc-text);border-radius:0;box-shadow:-15px 0 45px #0004;font:15.6px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#whyble-fitpro .cl-dialog[open]{display:flex;flex-direction:column}
#whyble-fitpro .cl-dialog::backdrop{background:#0005}
#whyble-fitpro .cl-head{padding:12px 16px 10px;border-bottom:1px solid var(--wc-line);display:flex;justify-content:space-between;gap:10px;flex:none}
#whyble-fitpro .cl-head h2{font-size:21.6px;line-height:1.25;margin:0}
#whyble-fitpro .cl-head p{font-size:13.2px;color:var(--wc-muted);margin:4px 0 0}
#whyble-fitpro .cl-close{border:0;background:none;color:var(--wc-muted);font-size:26.4px;padding:0 4px;align-self:start}
#whyble-fitpro .cl-body{padding:0 14px 12px;overflow:auto;min-height:0;flex:1}
#whyble-fitpro .cl-section h3{font-size:13.2px;text-transform:uppercase;letter-spacing:.6px;color:var(--wc-muted);margin:12px 3px 3px;font-weight:500}
#whyble-fitpro .cl-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:37px;padding:5px 3px;border-bottom:1px solid #253436}
#whyble-fitpro .cl-row label{display:flex;align-items:center;gap:9px;min-width:0;font-size:14.4px}
#whyble-fitpro .cl-row input{width:15px;height:15px;accent-color:var(--wc-accent);flex:none;margin:0}
#whyble-fitpro .cl-controls{display:flex;gap:4px;align-items:center;flex:none}
#whyble-fitpro .cl-arrow{width:26px;height:26px;border:1px solid var(--wc-line);border-radius:6px;background:transparent;color:var(--wc-text);padding:0;font-size:19.2px}
#whyble-fitpro .cl-arrow:disabled{opacity:.3}
#whyble-fitpro .cl-grip{display:flex;flex-direction:column;justify-content:center;align-items:center;width:28px;min-height:28px;gap:3px;margin-left:4px;color:#a7b9b8;cursor:grab;touch-action:none}
#whyble-fitpro .cl-grip span{width:14px;height:1.5px;background:currentColor;border-radius:1px;pointer-events:none}
#whyble-fitpro .cl-grip:hover{color:var(--wc-accent)}
#whyble-fitpro .cl-moving{background:#1b3935}
#whyble-fitpro .cl-drop{box-shadow:inset 0 2px var(--wc-accent)}
#whyble-fitpro .cl-footer{padding:12px 15px;border-top:1px solid var(--wc-line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none}
#whyble-fitpro .cl-footer>div{display:flex;gap:6px}
#whyble-fitpro .cl-footer button{font:inherit;font-size:14.4px;border-radius:7px;padding:7px 10px;border:1px solid var(--wc-line);background:#172426;color:var(--wc-text)}
#whyble-fitpro .cl-footer .cl-save{background:var(--wc-accent);color:#08352e;font-weight:600;border-color:var(--wc-accent)}
#whyble-fitpro .cl-footer .cl-reset{background:none;border:0;color:var(--wc-muted);padding:0;max-width:85px;text-align:left;font-size:13.2px}
#whyble-fitpro .cl-announcement{font-size:13.2px;color:var(--wc-accent);margin:0;padding:0 16px;flex:none}
#whyble-fitpro .cl-announcement:empty{display:none}
@media(pointer:coarse){#whyble-fitpro .cl-row{min-height:44px;padding:0 3px}#whyble-fitpro .cl-row label{min-height:44px}#whyble-fitpro .cl-arrow,#whyble-fitpro .cl-grip{width:36px;height:44px}}
@media(max-width:400px){#whyble-fitpro .wc-top #reload{font-size:0;width:24px}#whyble-fitpro .wc-top #reload:after{content:'↻';font-size:24px}#whyble-fitpro .cl-dialog{width:100%}}
#whyble-fitpro .cl-gear svg{width:18px;height:18px}
#whyble-fitpro .cl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:46px;padding:6px 26px;background:#101a1b;border-bottom:1px solid var(--wc-line)}
#whyble-fitpro .cl-section-name{color:var(--wc-accent);font-size:14.4px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}
#whyble-fitpro .cl-gear{width:auto;height:32px;padding:6px 10px;gap:8px;font-size:14.4px;line-height:1.3;background:#172625;border-color:#304542;color:var(--wc-text)}
#whyble-fitpro .cl-dialog{inset:0 0 0 auto;height:100%;max-height:100%;border-radius:0}
@media(max-width:720px){#whyble-fitpro .cl-toolbar{padding:6px 16px}}
#whyble-fitpro .cl-arrow{font-size:16px}
#whyble-fitpro .cl-close{font-size:22px}

#whyble-fitpro .cl-toolbar{justify-content:flex-start;gap:16px}
#whyble-fitpro .cl-toolbar .cl-gear{margin-left:auto}
#whyble-fitpro .cl-quick-switch{display:flex;gap:4px;padding:4px;border:1px solid #30433e;border-radius:9px;background:#1a2929}
#whyble-fitpro .cl-quick-switch[hidden]{display:none}
#whyble-fitpro .cl-quick-tab{display:flex;align-items:center;gap:8px;padding:7px 15px;background:transparent;border:0;border-radius:6px;color:var(--wc-muted);font:inherit;font-size:14px;white-space:nowrap}
#whyble-fitpro .cl-quick-tab svg{width:16px;height:16px}
#whyble-fitpro .cl-quick-tab[aria-pressed=true]{background:var(--wc-accent);color:#10332d;font-weight:600}
@media(max-width:540px){#whyble-fitpro .cl-toolbar{gap:8px;flex-wrap:wrap}#whyble-fitpro .cl-quick-tab{padding:6px 9px}}

/* Shared compact Overview / Agenda switch, matching the agenda toolbar. */
#whyble-fitpro .cl-quick-switch{padding:2px}
#whyble-fitpro .cl-quick-tab{padding:5px 9px;font-size:13px}

/* Compact card settings only; preserve usable drag handles and page typography. */
#whyble-fitpro .cl-dialog{font-size:13px}
#whyble-fitpro .cl-head{padding:10px 14px 8px}
#whyble-fitpro .cl-head h2{font-size:18px}
#whyble-fitpro .cl-head p{font-size:12px;margin-top:3px}
#whyble-fitpro .cl-close{font-size:20px;min-width:26px;min-height:26px}
#whyble-fitpro .cl-body{padding:0 10px 8px;overscroll-behavior:contain;scrollbar-width:thin}
#whyble-fitpro .cl-section h3{font-size:11px;letter-spacing:.5px;margin:10px 3px 2px}
#whyble-fitpro .cl-row{min-height:33px;padding:3px;gap:5px}
#whyble-fitpro .cl-row label{font-size:13px;gap:7px;line-height:1.3;flex:1}
#whyble-fitpro .cl-row input{width:13px;height:13px}
#whyble-fitpro .cl-controls{gap:3px}
#whyble-fitpro .cl-arrow{width:23px;height:23px;border-radius:5px;font-size:14px}
#whyble-fitpro .cl-grip{width:28px;min-height:28px;margin-left:2px;gap:3px;flex:none}
#whyble-fitpro .cl-grip span{width:12px;height:1.5px}
#whyble-fitpro .cl-footer{padding:9px 12px}
#whyble-fitpro .cl-footer button{font-size:13px;padding:6px 9px}
#whyble-fitpro .cl-footer .cl-reset{font-size:12px}
@media(pointer:coarse){
 #whyble-fitpro .cl-row{min-height:44px}
 #whyble-fitpro .cl-controls{gap:6px}
 #whyble-fitpro .cl-arrow,#whyble-fitpro .cl-grip{width:36px;height:44px}
}