/* Compact planning controls, scoped to the planning and synchronisation blocks. */
.wh-planning-tools{background:#fff;border:1px solid #e1e7e0;border-radius:16px;margin:4px 0 22px;box-shadow:0 3px 14px #153b2d04;min-width:0}
.wh-planning-primary{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #edf0eb;flex-wrap:wrap}
.wh-planning-primary .wh-work-month{margin:0!important;gap:6px!important;flex-wrap:nowrap}
.wh-planning-primary .wh-work-month>.btn{width:36px;height:40px;padding:0;font-size:22px;border:0;background:#f2f4ef}
.wh-planning-primary .wh-month-input{display:block;font-size:0;color:transparent}
.wh-planning-primary .wh-month-input input{font-size:18px;font-weight:700;color:var(--dark);min-width:180px;width:205px;border:0;padding:8px 10px;background:transparent;cursor:pointer}
.wh-planning-primary>.tabs{margin:0;flex-shrink:0}
.wh-planning-primary>.tabs button{padding:9px 16px}
.wh-planning-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.wh-planning-actions .btn{min-height:40px}
.wh-planning-filters{display:flex;align-items:flex-end;gap:14px;padding:15px 20px;flex-wrap:wrap}
.wh-planning-tools .wh-planning-filter{display:grid;gap:6px;margin:0!important;font-size:11px;font-weight:600;color:#758279;min-width:190px;max-width:280px;flex:1 1 210px}
.wh-planning-tools .wh-planning-filter .field{width:100%;max-width:none!important;min-width:0;background:#fafbf8;border-color:#e1e6df;border-radius:9px;font-size:13px;padding:10px 12px;height:41px;color:var(--ink)}
.wh-planning-today{height:41px;background:#fff}
.wh-planning-organise{display:flex;gap:10px;align-items:center;flex:1 1 200px;flex-wrap:wrap}.wh-planning-organise .subtitle{flex-basis:100%}
.wh-syncbar{display:flex;align-items:center;gap:12px;position:relative;padding:11px 16px;margin:0 0 16px;border:1px solid #e4eae1;border-radius:10px;background:#f1f5ee;color:#607265;font-size:12px;flex-wrap:wrap}
.wh-planning-tools>.wh-syncbar{border:0;border-top:1px solid #edf0eb;border-radius:0 0 16px 16px;margin:0;padding:11px 20px;background:#f7f9f4}
.wh-sync-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wh-sync-label strong{color:#214e39;font-size:12px}.wh-sync-dot{width:7px;height:7px;background:#3c895d;border-radius:50%;flex:none}.wh-sync-error .wh-sync-dot{background:#be8234}.wh-sync-error{color:#986a24;background:#fff8e8!important}.wh-sync-frequency{color:#809083}
.wh-syncbar .textbtn{padding:0 4px;font-size:12px;color:#996b29}.wh-sync-details{margin-left:auto}.wh-sync-details>summary{cursor:pointer;font-size:11px;font-weight:600;padding:3px 0;color:#536c5b}.wh-sync-details>div{position:absolute;z-index:15;right:12px;top:calc(100% - 3px);width:min(400px,calc(100% - 24px));padding:18px;background:#fff;border:1px solid #dde5dc;box-shadow:0 10px 30px #173a2420;border-radius:12px;color:var(--ink);line-height:1.6}.wh-sync-details p{margin:8px 0 14px}.wh-planning-tools + .desktop-planning .monthgrid{gap:7px}.wh-planning-tools + .desktop-planning .monthgrid>.subtitle{padding:0 8px 6px;font-size:11px}
@media(max-width:1100px){.wh-planning-primary{gap:12px}.wh-planning-actions{margin-left:0;flex:1;justify-content:flex-end}.wh-planning-primary .wh-month-input input{width:190px}.wh-planning-filters{gap:10px}}
@media(max-width:800px){.wh-planning-tools{margin:0 0 16px;border-radius:12px}.wh-planning-primary{padding:12px}.wh-planning-primary .wh-work-month,.wh-planning-primary>.tabs{display:none}.wh-planning-actions{justify-content:space-between;margin:0;flex:1}.wh-planning-actions .btn{flex:1}.wh-planning-filters{padding:12px;gap:10px}.wh-planning-tools .wh-planning-filter{min-width:0;max-width:none;flex:1 1 calc(50% - 10px)}.wh-planning-today{display:none}.wh-planning-organise:empty{display:none}.wh-planning-tools>.wh-syncbar{padding:10px 12px;border-radius:0 0 12px 12px}.wh-sync-frequency{display:none}.wh-syncbar{font-size:11px}.wh-sync-details>div{right:8px;width:calc(100% - 16px)}}