.weekly-history{margin-top:18px;scroll-margin-top:20px;min-width:0}
.planner-view-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;padding:5px;margin:0 0 20px;border:1px solid #e0e7f0;border-radius:14px;background:#edf2f7}
.planner-view-tabs button{border:0;border-radius:10px;padding:11px 18px;background:transparent;color:#65758c;font-size:14px;font-weight:750;white-space:nowrap}
.planner-view-tabs button[aria-selected=true]{background:#fff;color:#203b62;box-shadow:0 2px 8px #1f375410}
.planner-view-tabs button:focus-visible{outline:2px solid #5289cb;outline-offset:2px}
#planner-current-pane[hidden],#weekly-history[hidden]{display:none}
#planner-page>.weekly-history{margin-top:0}
@media(max-width:460px){.planner-view-tabs{width:100%}.planner-view-tabs button{flex:1;padding:11px 8px;font-size:13px}}
.wh-header,.wh-summary-line,.wh-timeline-head,.wh-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wh-header h2{margin:0;font-size:22px;letter-spacing:-.03em}
.wh-kicker{margin:0 0 7px;color:#8390a0;font-size:10px;letter-spacing:.14em;font-weight:750}
.wh-periods{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:12px;background:#f0f3f7}
.wh-periods button{border:0;background:transparent;color:#64748b;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:700}
.wh-periods button[aria-pressed=true]{background:#fff;color:#1e3a5f;box-shadow:0 2px 5px #1734500d}
.wh-custom{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:16px;padding:13px;background:#f8fafc;border-radius:12px}
.wh-custom[hidden],.wh-more[hidden],.wh-error[hidden]{display:none}
.wh-custom label{display:grid;gap:5px;font-size:12px;color:#64748b}
.wh-custom input,.wh-detail-head select{border:1px solid #dbe5f1;background:#fff;color:#334155;border-radius:9px;padding:8px 10px;min-height:38px;max-width:100%}
.wh-custom button{border:0;border-radius:9px;background:#334d68;color:#fff;padding:10px 16px;font-weight:700}
.wh-error{font-size:13px;color:#b91c1c;margin:10px 0}
.wh-summary-line{margin:18px 0 13px;gap:5px 12px}
.wh-summary-line p{margin:0;font-size:14px;font-weight:700;color:#385371}
.wh-summary-line>span{font-size:11px;color:#8491a3}
.wh-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin-bottom:24px}
.wh-total-card{padding:14px 15px;background:#f8fafc;border:1px solid #e6edf3;border-radius:13px;min-width:0}
.wh-total-label{display:block;margin-bottom:9px;font-size:12px;font-weight:700;color:#56667b;white-space:nowrap}
.wh-total-card strong{font-size:29px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--wh-accent)}
.wh-unit{margin-left:5px;color:#8a95a5;font-size:11px}
.wh-timeline-head{margin-bottom:10px;gap:4px 12px}
.wh-timeline-head h3,.wh-detail-head h3{font-size:16px;margin:0}
.wh-timeline-head>span{font-size:11px;color:#8a95a5}
.wh-table-scroll{overflow-x:auto;border:1px solid #e5ebf2;border-radius:12px}
.wh-table{border-collapse:collapse;width:100%;min-width:660px;font-size:13px;text-align:left}
.wh-table th,.wh-table td{padding:12px 11px;border-bottom:1px solid #edf1f6;vertical-align:middle}
.wh-table thead th{color:#69788c;font-size:11px;font-weight:700;background:#f7f9fc;white-space:nowrap}
.wh-table thead th:nth-child(n+3),.wh-category-count{text-align:center;font-variant-numeric:tabular-nums}
.wh-table tbody th{width:200px;font-weight:600}
.wh-table tr:last-child th,.wh-table tr:last-child td{border-bottom:0}
.wh-week-link{border:0;padding:0;background:transparent;color:#344e70;font-weight:750;font-size:12px;white-space:nowrap;text-align:left}
.wh-week-link:hover{text-decoration:underline;text-underline-offset:3px}
.wh-table small{display:block;font-size:10px;color:#93a0b0;margin-top:5px;font-weight:500}
.wh-table small.current{color:#578269}
.wh-table tr.selected{background:#f3f7fc}
.wh-table tr.unrecorded{color:#a1acbb}
.wh-table tr.unrecorded .wh-week-link{color:#8c98a8}
.wh-progress-cell{width:26%;min-width:120px}
.wh-bar{height:7px;border-radius:9px;background:#e8edf3;display:flex;overflow:hidden}
.wh-bar i{display:block;height:100%;flex:none}
.wh-total{display:block;margin-top:5px;color:#63758b;font-size:10px;font-weight:650}
.wh-no-record{color:#b2bdc9}
.wh-more{display:block;width:100%;margin-top:9px;padding:10px;border:1px solid #dce5ee;border-radius:10px;background:#f8fafc;color:#617087;font-size:12px}
.wh-target-note{color:#8a97a8;font-size:11px;line-height:1.6;margin:10px 0 24px}
.wh-detail-head{padding-top:18px;border-top:1px solid #e8edf3;margin-bottom:12px}
.wh-detail-head select{font-size:12px;min-width:250px}
.wh-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}
.wh-detail-banner{grid-column:1/-1;font-size:12px;color:#687d95;margin:0 0 3px;line-height:1.6}
.wh-detail-goal{padding:12px;border:1px solid #e3eaf2;border-radius:12px;background:#fff;min-width:0}
.wh-detail-goal-head{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.wh-detail-goal-head strong{font-size:12px}
.wh-detail-goal-head>span{font-size:10px;color:#8c99a9}
.wh-detail-slots{display:flex;gap:4px;flex-wrap:wrap}
.wh-detail-slots>span{display:grid;place-items:center;height:25px;min-width:25px;border:1px solid #e4eaf1;border-radius:7px;color:#a2adba;background:#f8fafc;font-size:10px}
.wh-detail-slots>span.checked{color:#47795c;border-color:#cbe3d4;background:#edf7f1;font-weight:800}
.wh-readonly{font-size:11px;color:#92a0b0;margin:9px 0 0}
.wh-open-history{margin-top:13px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:#f4f7fb;color:#5f7895;font-size:12px;font-weight:700}
.weekly-history button:focus-visible,.weekly-history select:focus-visible,.weekly-history input:focus-visible,.wh-open-history:focus-visible{outline:2px solid #5289cb;outline-offset:3px}
.wh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.wh-totals{gap:7px}.wh-total-card{padding:12px 9px}.wh-total-label{font-size:10px}.wh-total-card strong{font-size:24px}.wh-header{align-items:flex-start}}
@media(max-width:460px){.wh-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-totals .wh-total-label{font-size:11px}.wh-periods{width:100%;justify-content:space-between}.wh-periods button{padding:8px 9px}.wh-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-detail-head{align-items:stretch}.wh-detail-head select{width:100%;min-width:0}.wh-summary-line>span{font-size:10px}.wh-custom label{flex:1;min-width:120px}.wh-custom input{min-width:0;width:100%}}