.overview-page{max-width:1600px;padding:28px 32px}.overview-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.overview-page h1{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.overview-subtitle{margin:0;color:#687b8a;font-size:14px}.overview-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.overview-periods{display:flex;gap:3px;background:#fff;border:1px solid #dce4eb;border-radius:9px;padding:4px}.overview-periods button{border:0;background:transparent;border-radius:6px;padding:9px 12px;font-size:12px;color:#536778;white-space:nowrap}.overview-periods button[aria-pressed=true]{background:#168e98;color:white}.overview-controls input{width:140px;height:40px;font-size:12px;background:#fff;padding:8px}.overview-status{font-size:11px;color:#718292;margin:16px 0}.overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}.overview-kpi{display:flex;gap:16px;align-items:flex-start;padding:22px;background:#fff;border:1px solid #e0e7ed;border-radius:12px}.overview-kpi h2{font-size:13px;letter-spacing:0;margin:0 0 8px;font-weight:600}.overview-kpi strong{font-size:32px;letter-spacing:-1px;color:#152f43}.overview-kpi p{font-size:11px;color:#788895;line-height:1.5;margin:7px 0 0}.overview-page .overview-icon{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;width:32px;height:32px;flex:0 0 32px;margin:0!important;border-radius:0}.overview-icon svg{width:100%;height:100%}.teal{color:#149c9c}.violet{color:#7479df}.lime{color:#92b853}.navy{color:#23455d}.overview-charts{display:grid;grid-template-columns:1.35fr 1fr 1.05fr;gap:18px;margin-bottom:18px}.overview-card{min-width:0;border:1px solid #e0e7ed;border-radius:12px;background:#fff;padding:20px;box-shadow:0 3px 10px #19374903}.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.overview-card h2{font-size:17px;letter-spacing:-.4px;margin:0}.overview-card h3{font-size:15px;margin:14px 0 0}.overview-link{font-size:11px;color:#337b92;white-space:nowrap}.overview-link:hover{text-decoration:underline}.overview-card>svg{width:100%;display:block}.chart-grid{stroke:#edf0f4;stroke-width:1}.chart-axis{font-family:inherit;font-size:11px;fill:#718193}.chart-key{font-size:11px;color:#6479ad;margin:0 0 10px}.overview-note{font-size:11px;color:#81909b;line-height:1.5;margin:12px 0 0}.overview-donut{display:flex;align-items:center;gap:12px;min-height:185px}.overview-donut svg{width:49%;flex-shrink:0}.donut-total{font-size:29px;font-weight:600;fill:#18374c}.overview-legend{flex:1;min-width:0}.legend-row{border-left:3px solid #23455d;padding-left:9px;margin:0 0 13px;font-size:11px;color:#657785;overflow-wrap:anywhere}.legend-row strong{display:block;color:#203f53;font-size:15px;margin-top:4px}.tone-1{border-color:#149e9c}.tone-2{border-color:#b9d783}.tone-3{border-color:#777edf}.tone-4{border-color:#e6b568}.overview-amounts{display:flex;gap:20px;margin-bottom:20px}.overview-amounts span{display:block;font-size:12px;margin-bottom:5px}.overview-amounts strong{font-size:21px;letter-spacing:-.5px}.overview-work{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}.overview-empty{font-size:14px;color:#718292;line-height:1.7;max-width:450px}.overview-task-table{table-layout:fixed;width:100%;font-size:12px}.overview-task-table th{background:#f4f7fa;border:0}.overview-task-table td{padding:12px 8px;overflow-wrap:anywhere;min-width:0!important}.overview-task-table th:last-child,.overview-task-table td:last-child{width:72px;white-space:nowrap}.overview-base{display:flex;gap:32px;align-items:center;padding:18px 24px;border:1px solid #e0e7ed;border-radius:10px;background:#fff;font-size:12px}.overview-base a{font-size:13px}.overview-body[aria-busy=true]{opacity:.6}
[data-theme=dark] .overview-page :is(.overview-card,.overview-kpi,.overview-base,.overview-periods,.overview-controls input){background:#14232e;border-color:#344b5c;color:#e5edf3}[data-theme=dark] .overview-page :is(.overview-kpi strong,.legend-row strong){color:#e5edf3}[data-theme=dark] .donut-total{fill:#e5edf3}[data-theme=dark] .chart-grid{stroke:#344b5c}[data-theme=dark] .overview-task-table th{background:#253d4c}[data-theme=dark] .overview-periods button{color:#c1d1dd}
@media(max-width:1250px){.overview-top{align-items:flex-start;flex-direction:column;gap:14px}.overview-charts{grid-template-columns:1fr 1fr}.overview-activity-chart{grid-column:1/-1}.overview-activity-chart>svg{max-height:210px}.overview-page{padding:24px}.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.overview-page{padding:20px 14px}.overview-page h1{font-size:25px}.overview-kpis,.overview-charts,.overview-work{grid-template-columns:1fr}.overview-activity-chart{grid-column:auto}.overview-card{padding:16px}.overview-controls{gap:8px}.overview-periods button{padding:8px}.overview-base{flex-wrap:wrap;gap:16px}.overview-donut svg{max-height:170px}.overview-kpi{padding:16px}.overview-card-head{flex-wrap:wrap}.overview-amounts{flex-wrap:wrap}}
.chart-key{display:flex;gap:16px}.overview-page .overview-icon{color:inherit}.overview-work .overview-card>.overview-icon{color:#149c9c}
.overview-page .overview-top{flex-direction:row;justify-content:flex-end;margin-bottom:18px}
.overview-page .overview-controls{justify-content:flex-end}
.overview-status:empty{display:none}

/* Soft category colors for the four overview indicators. */
.overview-page .overview-kpi.teal{background:#e8f7f5;border-color:#cce9e4;color:#18776f}
.overview-page .overview-kpi.violet{background:#f0edfc;border-color:#dfd8f5;color:#6553a5}
.overview-page .overview-kpi.lime{background:#f1f6e5;border-color:#dfe9c6;color:#607634}
.overview-page .overview-kpi.navy{background:#eaf1fa;border-color:#d3e1f2;color:#355e88}
.overview-page .overview-kpi p{color:#5e7180}
[data-theme=dark] .overview-page .overview-kpi.teal{background:#173932;border-color:#2b574d;color:#9ad9cb}
[data-theme=dark] .overview-page .overview-kpi.violet{background:#302a46;border-color:#514565;color:#c9bbef}
[data-theme=dark] .overview-page .overview-kpi.lime{background:#303a24;border-color:#4b5939;color:#c8dca1}
[data-theme=dark] .overview-page .overview-kpi.navy{background:#20344b;border-color:#385673;color:#b5d0ee}
[data-theme=dark] .overview-page .overview-kpi p{color:#b7c5cf}

/* Match the summary panels used in Clients and Processes. */
.overview-page .overview-kpi{align-items:center;gap:14px;padding:20px 16px;border-radius:12px;box-shadow:0 1px 3px #16374c08}
.overview-kpi-copy{min-width:0;flex:1}
.overview-page .overview-kpi h2{font-size:13px;font-weight:600;line-height:1.45;letter-spacing:0;margin:0;color:#123b59}
.overview-page .overview-kpi p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#496b86}
.overview-page .overview-kpi>strong{font-size:28px;font-weight:600;letter-spacing:-.5px;margin-left:auto;text-align:right;flex-shrink:0;color:#123b59;font-variant-numeric:tabular-nums}
.overview-page .overview-kpi-icon{width:44px;height:44px;flex:0 0 44px;border:1px solid #123b5926;border-radius:9px;background:#ffffff55;color:#214e64}
.overview-page .overview-kpi-icon svg{width:25px;height:25px}
.overview-page .overview-card{border-color:#dfe6eb;box-shadow:0 1px 3px #16374c08}
.overview-page .overview-card h2{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4}
.overview-page .overview-card-head{padding-bottom:14px;border-bottom:1px solid #edf0f3;margin-bottom:16px}
.overview-page .overview-link{font-size:12px;color:var(--button,#214e64)}
.overview-page .overview-periods button[aria-pressed=true]{background:var(--button,#214e64)}
[data-theme=dark] .overview-page .overview-kpi :is(h2,strong){color:#edf2f6}
[data-theme=dark] .overview-page .overview-kpi p{color:#bac8d1}
[data-theme=dark] .overview-page .overview-kpi-icon{color:#c8dce8;background:#ffffff08;border-color:#ffffff30}
[data-theme=dark] .overview-page .overview-card-head{border-color:#344b5c}
[data-theme=dark] .overview-page .overview-link{color:#b5d0ee}
@media(min-width:1251px) and (max-width:1450px){.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.overview-page .overview-kpi{padding:16px;gap:10px}.overview-page .overview-kpi-icon{width:36px;height:36px;flex-basis:36px}.overview-page .overview-kpi>strong{font-size:26px}}

/* Larger indicators for the main workspace dashboard. */
.overview-page .overview-kpi{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px 14px;min-height:140.25px;padding:10px 18px;border-radius:14px}
.overview-page .overview-kpi-icon{width:44px;height:44px;flex-basis:44px;border-radius:10px}
.overview-page .overview-kpi-icon svg{width:26px;height:26px}
.overview-page .overview-kpi h2{font-size:20px;line-height:1.25}
.overview-page .overview-kpi p{font-size:16px;line-height:1.3;margin-top:6px}
.overview-page .overview-kpi>strong{grid-column:1/-1;justify-self:end;font-size:34px;line-height:1.1;margin:0;letter-spacing:-1px}
.overview-kpis{gap:20px;margin-bottom:22px}
@media(max-width:700px){.overview-page .overview-kpi{min-height:130.9px;padding:8px 16px;grid-template-columns:40px minmax(0,1fr);gap:6px 12px}.overview-page .overview-kpi-icon{width:40px;height:40px;flex-basis:40px}.overview-page .overview-kpi-icon svg{width:24px;height:24px}.overview-page .overview-kpi>strong{font-size:32px}.overview-kpis{gap:14px}}

/* Processes and registrations share the first row. */
.overview-charts{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.overview-charts .overview-activity-chart{grid-column:auto}
.overview-charts>.overview-card:only-child{grid-column:1/-1}
.overview-work>.overview-card:only-child{grid-column:1/-1}
@media(min-width:701px){.overview-kpis{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:700px){.overview-charts{grid-template-columns:1fr}}
.overview-configure{border:0;background:transparent;color:inherit;font-size:26px;line-height:1;min-width:36px;height:36px;border-radius:7px;flex-shrink:0}.overview-configure:hover{background:#edf2f6}.overview-status-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dfe6eb;border-radius:14px;color:#18374c;background:#fff}.overview-status-dialog::backdrop{background:#102b3b88}.overview-status-dialog h2{font-size:22px;margin:0 0 12px}.overview-status-dialog>p{font-size:13px;line-height:1.6;color:#657785}.overview-status-tools{display:flex;gap:20px;padding:10px 0 16px}.overview-status-tools button{font-size:13px}.overview-status-options{max-height:48dvh;overflow:auto;border-block:1px solid #e0e7ed}.overview-status-options label{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 4px;margin:0;border-bottom:1px solid #edf0f3;font-size:13px;font-weight:400;cursor:pointer}.overview-status-options input{width:18px;height:18px;margin:0;flex-shrink:0}.overview-status-options span{flex:1;overflow-wrap:anywhere}.overview-status-options small{font-variant-numeric:tabular-nums;color:#718292}.overview-card-head:has(.overview-configure){gap:10px}.overview-card-head:has(.overview-configure) h2{flex:1}
[data-theme=dark] .overview-status-dialog{background:#14232e;color:#edf2f6;border-color:#344b5c}[data-theme=dark] .overview-status-dialog>p{color:#bac8d1}[data-theme=dark] .overview-status-options,[data-theme=dark] .overview-status-options label{border-color:#344b5c}[data-theme=dark] .overview-configure:hover{background:#253d4c}

/* Keep charts at their original visual scale as cards become wider. */
.overview-page .overview-donut{gap:20px;min-height:200px}
.overview-page .overview-donut>svg{width:200px;height:200px;max-width:45%;max-height:200px;flex:0 0 auto}
.overview-page .overview-activity-chart>svg{height:220px;max-height:220px;width:100%}
.overview-page .overview-card-head:has(.overview-configure){min-height:36px;padding-bottom:10px;margin-bottom:16px}
.overview-page .overview-configure{height:24px;min-width:28px;font-size:24px}
@media(max-width:700px){.overview-page .overview-donut{gap:12px;min-height:170px}.overview-page .overview-donut>svg{width:170px;height:170px;max-height:170px}.overview-page .overview-activity-chart>svg{height:auto;max-height:220px}}
.overview-page .overview-donut .legend-row{margin-bottom:10px}
.overview-page .overview-donut .legend-row:last-child{margin-bottom:0}
.overview-page .overview-card-head:has(.overview-configure){margin-bottom:12px}
.overview-periods{flex-wrap:wrap}.overview-controls input:disabled{opacity:.55;cursor:default}

.activity-history-chart .history-tooltip-bg{fill:#fff;stroke:#d9e3e9;stroke-width:1}
.activity-history-chart .history-tooltip-title{fill:#193749;font-size:11px;font-weight:600}
.activity-history-chart .history-tooltip-created{fill:#6267c7;font-size:11px}
.activity-history-chart .history-tooltip-completed{fill:#087e7e;font-size:11px}
.activity-history-chart:focus-visible{outline:2px solid #b8ce86;outline-offset:3px;border-radius:5px}
[data-theme=dark] .activity-history-chart .history-tooltip-bg{fill:#203342;stroke:#526777}
[data-theme=dark] .activity-history-chart .history-tooltip-title{fill:#e5edf3}
[data-theme=dark] .activity-history-chart .history-tooltip-created{fill:#b6b9ff}
[data-theme=dark] .activity-history-chart .history-tooltip-completed{fill:#78dada}

/* Entrance only: final geometry remains intact and interactive. */
@media(prefers-reduced-motion:no-preference){
 .history-animated-lines{animation:history-reveal 2200ms cubic-bezier(.22,.61,.36,1) both}
 .history-animated-area{animation:history-reveal 2200ms cubic-bezier(.22,.61,.36,1) both,history-area-fade 2200ms ease-out both}
 .overview-ring-sweep{animation:overview-ring-open 1600ms ease-in-out both}
 .overview-animated-bar{transform-box:fill-box;transform-origin:left center;animation:overview-bar-grow 700ms ease-out both}
}
@keyframes history-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes history-area-fade{from{opacity:0}to{opacity:1}}
@keyframes overview-arc-fill{from{stroke-dasharray:0 414.69}to{stroke-dasharray:var(--arc-length) var(--arc-gap)}}
@keyframes overview-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.overview-page .overview-activity-chart>svg.activity-history-chart{display:block;width:100%;height:220px;max-height:none;overflow:visible}

@media(prefers-reduced-motion:no-preference){
 .overview-donut .donut-total{animation:process-total-appear 650ms ease-out 350ms both}
}
@keyframes process-total-appear{from{opacity:0}to{opacity:1}}

@keyframes overview-ring-open{from{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}
.history-month-label{font-size:10px}

.overview-work{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.overview-activity-bars{grid-column:auto}
@media(max-width:1000px){.overview-work{grid-template-columns:minmax(0,1fr)}}
.activity-bars-scroll{width:100%;overflow-x:auto}
.activity-bars-chart{display:block;width:100%;min-width:560px;height:280px}
.activity-month-bar:hover{filter:brightness(1.08)}
.activity-month-bar:focus-visible{outline:2px solid #193749;outline-offset:2px}

.overview-kpi{transition:box-shadow 180ms ease,transform 180ms ease}
.overview-page a.overview-kpi{cursor:pointer;text-decoration:none}
.overview-page a.overview-kpi:focus-visible{outline:2px solid #c7df91;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.overview-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 16px #17394b12}}
@media(prefers-reduced-motion:no-preference){.overview-kpi.kpi-enter{animation:kpi-arrive 350ms ease-out var(--kpi-delay) backwards}}
@media(prefers-reduced-motion:no-preference){.overview-kpi.kpi-enter .overview-kpi-icon,.overview-kpi.kpi-enter .overview-kpi-copy{animation:kpi-content-arrive 450ms ease-out var(--kpi-content-delay) backwards}.overview-kpi.kpi-enter>strong{animation:kpi-content-arrive 450ms ease-out var(--kpi-count-delay) backwards}}
@keyframes kpi-content-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes kpi-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.overview-kpi{transition:none}}
.history-series-toggle{border:0;background:transparent;padding:4px 0;font:inherit;cursor:pointer;border-radius:3px;transition:opacity 350ms ease}
.history-series-toggle[aria-pressed=false]{opacity:.4;text-decoration:line-through}
.history-series{transform-box:view-box;transform-origin:0 180px;transition:opacity 450ms ease,transform 450ms ease}
.history-series.series-hidden{opacity:0;transform:scaleY(0);pointer-events:none}
@media(prefers-reduced-motion:reduce){.history-series,.history-series-toggle{transition:none}}
.overview-hearing-list{display:grid;gap:14px}
.overview-hearing-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #e5ebf0}
.overview-hearing-item:last-child{border-bottom:0}
.overview-hearing-date{align-self:start;display:grid;gap:5px;text-align:center;padding:10px 4px;border-radius:9px;background:#e7f5f3;color:#168c8c}
.overview-hearing-date strong{font-size:16px}.overview-hearing-date span{font-size:12px}
.overview-hearing-details{display:grid;gap:5px;overflow-wrap:anywhere;font-size:13px}
.overview-hearing-details small{color:#718292;font-size:12px}
[data-theme=dark] .overview-hearing-item{border-color:#344b5c}
[data-theme=dark] .overview-hearing-date{background:#203f45;color:#8cdbd0}
.overview-controls>.office-filter-standalone{position:relative;inset:auto;transform:none;flex-shrink:0}
.overview-controls>.office-filter-standalone>.office-filter-trigger{width:42px;height:42px;border:1px solid #dce4eb;border-radius:9px;background:var(--surface,#fff)}
.overview-controls>.office-filter-standalone>.office-filter-trigger:is(:hover,.is-active){background:#e2eef4}