.work-dashboard{--wd-line:var(--line);--wd-soft:var(--soft);display:grid;gap:14px}
.work-dashboard h2{font-size:1.1rem;font-weight:650;margin:0}.work-dashboard p{font-size:.82rem;margin:5px 0 0}.work-dashboard button,.work-dashboard select,.work-dashboard input{font-size:.82rem;min-height:36px;padding:7px 10px}
.wd-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:end}.wd-controls label{font-size:.75rem;color:var(--sub)}.wd-controls select,.wd-controls input{width:100%;margin-top:4px}
.wd-period-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wd-period-nav>div{display:flex;align-items:center;gap:12px}.wd-period-nav strong{font-size:.92rem;font-variant-numeric:tabular-nums}.wd-period-nav>span{font-size:.75rem;color:var(--sub)}.wd-year{display:flex;align-items:center;gap:7px;font-size:.8rem}.wd-year select{margin:0}
.wd-view-heading,.wd-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wd-view-heading>div>span{font-size:.78rem;color:var(--sub)}.wd-mode-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wd-mode-controls label{font-size:.7rem;color:var(--sub);display:flex;align-items:center;gap:6px}.wd-mode-controls select{margin:0}.wd-segment{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:9px;background:var(--panel)}.wd-segment button{border:0;min-height:30px;padding:5px 10px}
.wd-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wd-stat{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:10px;padding:12px 14px}.wd-stat>span{font-size:.78rem;font-weight:600}.wd-stat strong{font-size:1.65rem;line-height:1.4}.wd-stat small{font-size:.72rem;color:var(--sub)}.wd-stat.wd-green{border-top-color:#35baa4}.wd-stat.wd-amber{border-top-color:#e3b766}.wd-total-mix{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--sub)}.wd-total-mix b{color:var(--text)}.wd-attention{color:var(--pending)}.wd-dot{display:inline-block;width:7px;height:7px;background:var(--brand);border-radius:50%;margin-right:5px}
.wd-panel{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.wd-panel-heading p{color:var(--sub)}.wd-legend{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.wd-legend button{display:flex;align-items:center;gap:7px;background:var(--soft);border:0;font-size:.76rem;padding:4px 9px;min-height:30px}.wd-legend i{width:9px;height:9px;border-radius:3px}.wd-legend strong{font-size:.85rem}
.wd-chart-scroll{overflow:auto;padding:8px 0 3px}.wd-chart{display:grid;grid-template-columns:repeat(var(--bins),minmax(0,1fr));gap:8px;min-width:var(--chart-min)}.wd-chart-bin{min-width:0}.wd-chart-bars{display:flex;align-items:flex-end;gap:2px;height:175px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent 42px,var(--line) 43px,transparent 44px)}.work-dashboard .wd-chart-bar{min-height:0!important;border:0;border-radius:3px 3px 0 0;padding:0!important;flex:1;min-width:4px;max-width:24px;opacity:.9}.wd-chart-bar:hover,.wd-chart-bar:focus{opacity:1;outline:2px solid var(--text);outline-offset:1px}.wd-chart-bin>small{display:block;font-size:.65rem;white-space:nowrap;transform:rotate(-35deg);transform-origin:top right;text-align:right;margin:5px 0 15px;color:var(--sub)}.wd-chart-caption{font-size:.75rem!important;min-height:20px;color:var(--sub)}
.wd-breakdown{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.wd-category{border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.wd-category>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:7px 12px;align-items:center;padding:11px 12px;cursor:pointer;list-style:none}.wd-category>summary::-webkit-details-marker{display:none}.wd-category summary>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.wd-type{font-size:.65rem;padding:2px 5px;border-radius:4px;background:var(--soft);color:var(--brand);border:1px solid var(--line)}.wd-category summary strong{font-size:.85rem;overflow-wrap:anywhere}.wd-category summary small{font-size:.65rem;color:var(--sub)}.wd-category-number{font-size:1.1rem;font-weight:700}.wd-category-chevron{grid-column:3;grid-row:1;color:var(--sub)}.wd-category[open] .wd-category-chevron{transform:rotate(180deg)}.wd-category-track{grid-column:1 / -1;height:4px;border-radius:5px;background:var(--soft);overflow:hidden}.wd-category-track i{height:100%;display:block;background:linear-gradient(90deg,#72a7e6,#35baa4);border-radius:5px}
.wd-category-details{border-top:1px solid var(--line);background:var(--soft);padding:10px 12px}.wd-category-totals{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.73rem;color:var(--sub)}.wd-category-totals button{margin-left:auto;font-size:.7rem;min-height:28px;padding:3px 7px}.wd-subtree{margin:12px 0 0 7px;border-left:2px solid var(--brand);padding-left:15px}.wd-subtree button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:7px 0;font-size:.8rem}.wd-subtree button:before{content:'';position:absolute;width:12px;height:2px;left:-17px;top:50%;background:var(--brand)}.wd-subtree strong{color:var(--brand);font-size:.95rem}
.wd-table-scroll{overflow:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px}.wd-matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:.82rem}.wd-matrix th,.wd-matrix td{padding:10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;min-width:90px}.wd-matrix thead th{background:var(--soft);font-weight:600;font-size:.74rem;max-width:155px}.wd-matrix th:first-child{position:sticky;left:0;text-align:left;z-index:1;background:var(--panel);min-width:120px}.wd-matrix small{display:block;font-size:.65rem;color:var(--sub);font-weight:400;margin-top:3px}.wd-matrix th button{border:0;background:transparent;font-weight:600;color:var(--brand);padding:0;min-height:0}.wd-matrix td button{border:0;background:color-mix(in srgb,#35baa4 calc(var(--intensity)*35%),transparent);width:100%;min-height:32px;border-radius:5px;font-variant-numeric:tabular-nums}.wd-matrix-total{font-size:1rem;font-weight:700;color:var(--brand)}.wd-footnote,.wd-empty-small{font-size:.72rem!important;color:var(--sub);margin-top:10px!important}.wd-empty{padding:20px;text-align:center;color:var(--sub);grid-column:1 / -1}.wd-method{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel)}.wd-method summary{cursor:pointer;font-size:.8rem}.wd-method p{font-size:.75rem;max-width:1000px}
@media(max-width:750px){.wd-breakdown{grid-template-columns:1fr}.wd-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-period-nav>div{width:100%;justify-content:space-between;gap:6px}.wd-period-nav strong{font-size:.75rem}.work-dashboard .wd-period-nav button{font-size:.72rem;padding:5px 7px}.wd-period-nav>span{font-size:.68rem}.wd-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.wd-controls label{min-width:0}.wd-panel{padding:12px}.wd-mode-controls{width:100%;gap:8px}.wd-mode-controls label{flex:1;min-width:0}.wd-mode-controls select{width:100%;min-width:0}.wd-stat{padding:9px 11px}.wd-stat strong{font-size:1.4rem}.wd-chart-bars{height:150px}.wd-panel-heading h2{font-size:1rem}.wd-legend{gap:5px}.wd-legend button{font-size:.7rem}}
.wd-total-mix a{color:var(--brand);text-decoration:none;border-bottom:1px dashed var(--brand)}.wd-total-mix a:hover{text-decoration:underline}.wd-chart-body{display:flex;gap:8px;min-width:0}.wd-chart-body>.wd-chart-scroll{flex:1;min-width:0}.wd-chart-axis{display:flex;flex-direction:column;justify-content:space-between;flex:none;width:28px;height:175px;margin-top:8px;font-size:.65rem;color:var(--sub);text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:750px){.wd-chart-axis{height:150px;width:22px}}
.wd-comparison-level{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--sub)}.wd-comparison-level select{margin:0}
/* A compact overview, followed by the detailed comparisons. */
.work-dashboard{gap:10px}
.wd-command-center{display:grid;grid-template-columns:1fr auto;gap:10px 14px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center}
.wd-command-center .wd-controls{grid-column:1 / -1;border:0;background:transparent;padding:0;gap:8px}
.wd-command-center .wd-period-nav{margin:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.wd-command-center .wd-period-nav>div{gap:7px}
.wd-command-center .wd-period-nav>span{font-size:.68rem}
.work-dashboard .wd-period-nav #wd-prev,.work-dashboard .wd-period-nav #wd-next{border:1px solid var(--brand);color:var(--brand);background:var(--soft);font-weight:650;min-height:34px;padding:6px 10px;white-space:nowrap}
.work-dashboard .wd-period-nav #wd-next:disabled,.work-dashboard .wd-period-nav #wd-prev:disabled{opacity:.65;cursor:default;color:var(--sub);border-color:var(--line);background:var(--panel)}
.wd-command-center .wd-view-heading{gap:7px;justify-content:flex-end}
.wd-command-center .wd-view-heading>div:first-child{display:none}
.wd-command-center .wd-mode-controls{gap:8px}.wd-command-center .wd-mode-controls select{max-width:170px;min-height:32px;padding:5px 8px}.wd-command-center .wd-segment button{min-height:28px;padding:4px 8px}
.wd-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.wd-stat{padding:8px 10px;border-top-width:2px;gap:1px;min-width:0}
.wd-stat>span{font-size:.72rem}.wd-stat strong{font-size:1.35rem;line-height:1.35}.wd-stat small{font-size:.65rem;line-height:1.4}.wd-stat.wd-violet{border-top-color:#b197de}
.wd-total-mix{font-size:.75rem}
.wd-category>summary{padding:8px 10px;gap:5px 10px}
.wd-category summary strong{font-size:.82rem}.wd-category-number{font-size:1rem}.wd-category summary small{font-size:.65rem}
.wd-dimension-chart{display:grid;grid-template-columns:repeat(var(--bins),minmax(0,1fr));gap:18px;min-width:var(--chart-min);padding-top:17px}
.wd-dimension-chart .wd-chart-bars{justify-content:center;gap:5px}
.work-dashboard .wd-dimension-bar{position:relative;max-width:25px}
.wd-dimension-bar>span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.65rem;color:var(--text);line-height:1.3;padding-bottom:3px;pointer-events:none;white-space:nowrap}
.wd-dimension-label{text-align:center;margin-top:8px;min-height:46px;line-height:1.4;padding:0 5px}
.wd-dimension-label strong{font-size:.76rem;display:block;overflow-wrap:anywhere}.wd-dimension-label small{display:block;font-size:.65rem;color:var(--sub);margin-top:3px}
.wd-comparison-chart .wd-chart-axis{margin-top:25px}
.wd-comparison-chart .wd-legend{margin:8px 0 4px}
@media(max-width:1050px){.wd-command-center{grid-template-columns:1fr}.wd-command-center .wd-view-heading{justify-content:flex-start}.wd-command-center .wd-period-nav{justify-content:space-between}.wd-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.wd-command-center{padding:10px;gap:9px}.wd-command-center .wd-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-command-center .wd-period-nav>div{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:5px}.wd-command-center .wd-period-nav strong{font-size:.7rem;text-align:center;line-height:1.4;overflow-wrap:anywhere}.work-dashboard .wd-period-nav #wd-prev,.work-dashboard .wd-period-nav #wd-next{font-size:.66rem;padding:5px 6px;min-height:32px}.wd-command-center .wd-mode-controls{width:100%;flex-wrap:wrap}.wd-command-center .wd-mode-controls label{flex:1}.wd-command-center .wd-mode-controls select{max-width:none}.wd-summary{gap:6px}.wd-stat{padding:7px 8px}.wd-stat strong{font-size:1.15rem}.wd-stat>span{font-size:.65rem}.wd-stat small{font-size:.6rem}.wd-dimension-chart .wd-chart-bars{gap:4px}}
@media(max-width:360px){.wd-command-center .wd-period-nav>div{grid-template-columns:1fr 1fr}.wd-command-center .wd-period-nav strong{grid-column:1 / -1;grid-row:1}.wd-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Period navigation stays reachable beside the report being read. */
.work-dashboard{padding-bottom:90px}
.work-dashboard .wd-floating-nav{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:8px 10px;background:var(--panel);border:1px solid var(--brand);border-radius:12px;box-shadow:0 6px 26px #0005;z-index:70;direction:ltr}
.work-dashboard .wd-floating-nav>div{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.wd-floating-nav small{font-size:.65rem;color:var(--sub)}.wd-floating-nav strong{font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.work-dashboard .wd-floating-nav button{min-height:36px;font-size:.78rem;font-weight:650;color:var(--brand);border-color:var(--brand);background:var(--soft);white-space:nowrap}
.work-dashboard .wd-floating-nav button:disabled{color:var(--sub);border-color:var(--line);background:var(--panel);opacity:.65;cursor:default}
body:has(.work-dashboard) .pending-work-notice{bottom:calc(90px + env(safe-area-inset-bottom))}
@media(max-width:680px){.work-dashboard .wd-floating-nav{width:calc(100% - 16px);max-width:none;gap:6px;padding:8px;bottom:calc(8px + env(safe-area-inset-bottom))}.work-dashboard .wd-floating-nav button{font-size:.66rem;padding:6px 7px}.wd-floating-nav strong{font-size:.65rem;white-space:normal;text-align:center;line-height:1.4}.wd-floating-nav small{font-size:.6rem}}