:root{--navy:#153852;--blue:#12639b;--muted:#64778a;--line:#dce5ed;--canvas:#f3f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:#22394d;font-family:Segoe UI,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #29a9c7;outline-offset:3px}.topbar{height:82px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:700;letter-spacing:2px;font-size:22px}.wordmark small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px;color:#c0d4e2}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8ab5cc;font-size:18px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#d4e4ee;text-decoration:none;font-size:13px}.privacy-pill{font-size:12px;color:#d8e9ef;border:1px solid #436178;border-radius:30px;padding:8px 13px;white-space:nowrap}.workspace{max-width:1600px;margin:auto;padding:36px 4% 16px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--blue);font-weight:700;margin-bottom:8px}h1{font-size:28px;letter-spacing:-.6px;font-weight:650;margin:0 0 8px}h2{font-size:17px;font-weight:650;margin:0 0 5px}h3{font-size:15px;font-weight:650;margin:0 0 5px}p{color:var(--muted);margin:0;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{font-size:13px;padding:10px 15px;border-radius:6px;white-space:nowrap;font-weight:600}.btn-sm{padding:7px 12px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-outline-secondary{color:#40596c;border-color:#bacbd7;background:white}.panel{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 3px #12304703}.import-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 24px}.import-panel p{font-size:12px}.import-controls{display:flex;gap:12px;align-items:center;flex:1;justify-content:flex-end}.import-controls input{max-width:350px}.import-controls select{max-width:215px}.form-control,.form-select{font-size:13px;border-color:#cedbe5;min-height:40px;border-radius:5px}.privacy-note{font-size:11px;color:#637b8b;margin:10px 0 22px}.dataset-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:16px;gap:12px}.dataset-bar strong{color:var(--blue)}.validation-panel{border:1px solid #eed391;background:#fffbf0;border-radius:6px;padding:13px 18px;margin-bottom:20px;font-size:12px}.validation-panel ul{max-height:220px;overflow:auto;margin:12px 0 0}.validation-panel p{margin-top:10px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:26px}.kpi{padding:20px 21px;border-top:3px solid #8ab9d3}.kpi:first-child{border-top-color:#12639b}.kpi span{display:block;font-size:12px;color:#607689}.kpi strong{font-size:30px;font-weight:650;display:block;margin:7px 0 5px;color:var(--navy)}.kpi small{font-size:10px;color:#778b9c}.filter-panel{padding:23px 24px;margin-bottom:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading p{font-size:12px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.filter-field label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:#4c6476}.filter-field{align-self:end}.keyword{grid-column:span 2}.advanced-filters{border-top:1px solid #e8eef3;margin-top:22px;padding-top:17px}.advanced-filters summary{font-size:12px;color:var(--blue);font-weight:600;cursor:pointer}.advanced-filters .filter-grid{margin-top:20px}.form-control-sm{min-height:30px;font-size:11px}.muted{color:var(--muted);font-size:12px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:30px}.chart-card{padding:22px 24px;min-width:0}.chart-card .section-heading{margin-bottom:23px}.chart-tag{font-size:8px;letter-spacing:1px;color:#7891a5;border:1px solid #dce7ef;padding:5px 7px;border-radius:3px}.bars{height:180px;overflow-y:auto;padding-right:5px}.bar-row{display:grid;grid-template-columns:minmax(80px,170px) 1fr 40px;align-items:center;gap:12px;margin-bottom:17px;font-size:11px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536d80}.bar-track{height:16px;background:#f0f5f8;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#438db8;border-radius:3px}.chart-card:nth-child(2) .bar-fill{background:#45a6a4}.chart-card:nth-child(3) .bar-fill{background:#7389ba}.chart-card:nth-child(4) .bar-fill{background:#6c9cb2}.bar-row strong{text-align:right;color:#435f73;font-weight:600}.chart-empty{height:180px;display:grid;place-items:center;color:#8da0af;font-size:12px}.records-panel{overflow:hidden}.records-panel>.section-heading{padding:23px 24px 0}.page-size{display:flex;align-items:center;gap:12px}.page-size label{font-size:11px;white-space:nowrap;color:#6c8192}.page-size select{width:75px}.table-scroll{overflow:auto;max-height:610px}.table{font-size:12px;--bs-table-color:#3f596e}.table thead th{background:#eef3f7;vertical-align:middle;min-width:155px;border-bottom:1px solid #dce6ed;position:sticky;top:0;z-index:1}.table thead th:first-child{min-width:95px}.table th button{border:0;background:transparent;text-align:left;font-size:10px;font-weight:650;color:#466074;padding:8px 0;max-width:250px}.table td{padding:13px 12px;white-space:nowrap;border-color:#eaf0f4;max-width:380px;overflow:hidden;text-overflow:ellipsis}.table td.source-row{color:#8b9daa;font-size:11px}.pagination-bar{padding:16px 24px;border-top:1px solid #e6edf3;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6a8092}.pagination-bar div{display:flex;gap:8px}.table-empty{text-align:center;padding:55px 20px 60px}.table-empty h3{font-size:17px}.table-empty p{font-size:12px}.empty-icon{font-size:28px;color:#6b9fbd;border:1px solid #d5e4ee;border-radius:12px;width:50px;margin:0 auto 15px}footer{display:flex;justify-content:space-between;padding:24px 0 4px;color:#8a9dad;font-size:10px}.startup{margin:20vh auto;width:max-content;text-align:center;color:var(--navy)}.startup p{margin:14px}#blazor-error-ui{display:none;background:#fff0d1;position:fixed;bottom:0;width:100%;padding:16px;z-index:1000}section[id]{scroll-margin-top:20px}fieldset{min-width:0}.alert{font-size:12px}@media(max-width:1100px){.page-heading{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(3,1fr)}.import-panel{align-items:flex-start;flex-direction:column}.import-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.keyword{grid-column:span 1}}@media(max-width:700px){.topbar{height:72px;padding:0 5%}.topbar nav{display:none}.wordmark{font-size:17px}.privacy-pill{font-size:10px;padding:6px 9px}.workspace{padding:24px 5% 12px}h1{font-size:24px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:14px}.kpi strong{font-size:26px}.chart-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel,.chart-card,.import-panel{padding:18px}.section-heading{align-items:flex-start}.section-heading p{font-size:11px}.chart-tag{display:none}.page-size{flex-direction:column;gap:5px;align-items:flex-start}.dataset-bar{align-items:flex-start}.dataset-bar span{max-width:78%;overflow-wrap:anywhere}.bar-row{grid-template-columns:minmax(70px,130px) 1fr 30px;gap:8px}.import-controls input,.import-controls select{max-width:100%}.actions{gap:8px}.btn{font-size:12px}footer{gap:20px}footer span{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.table td.multi-date{white-space:normal;min-width:340px;max-width:none;overflow:visible}.date-values{display:block;color:#607689;margin-top:5px;white-space:normal}

/* Targeted dashboard refinement: retain existing brand and page structure. */
.kpi-grid{align-items:stretch}.kpi{min-height:140px;display:flex;flex-direction:column}.kpi strong{font-variant-numeric:tabular-nums;line-height:1.25}.kpi small{margin-top:auto}.filter-grid{align-items:start}.filter-field{align-self:start}.filter-field label{min-height:16px}.option-search{margin-top:6px}.option-search summary{font-size:11px;color:var(--blue);cursor:pointer;width:max-content}.option-search input{margin-top:7px}.option-search small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.overview-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;margin-bottom:28px}.overview-empty p{font-size:13px}.overview-symbol{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:8px;background:#eaf3f8;color:var(--blue);font-size:24px}.overview-empty:has(.overview-symbol){justify-content:flex-start}.chart-grid{gap:16px}.chart-card{padding:20px;display:flex;flex-direction:column}.chart-card .section-heading{align-items:flex-start;margin-bottom:18px}.chart-card .section-heading p{font-size:11px;line-height:1.55;max-width:430px}.bars{height:auto;overflow:visible;padding:0;min-height:0}.bar-row{grid-template-columns:minmax(100px,190px) minmax(45px,1fr) 55px;margin-bottom:13px;gap:12px;min-height:24px}.bar-row:last-child{margin-bottom:0}.bar-label{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}.bar-track{height:13px}.bar-count{text-align:right;line-height:1.2;font-variant-numeric:tabular-nums}.bar-count strong{display:block}.bar-count small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.chart-expand{align-self:flex-start;border:0;background:none;color:var(--blue);padding:0;margin-top:18px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.chart-visible{font-size:10px;color:var(--muted);margin-top:5px}.chart-card:has(.chart-expand) .bars{flex:1}.chart-empty{height:auto;padding:20px}.dashboard-section>.section-heading{margin-bottom:16px}@media(max-width:700px){.overview-empty{align-items:flex-start;padding:18px;flex-wrap:wrap}.bar-row{grid-template-columns:minmax(85px,130px) minmax(35px,1fr) 44px;gap:8px}.kpi{min-height:127px}.chart-card{padding:18px}.filter-field label{min-height:30px;display:flex;align-items:flex-end}.option-search summary{font-size:10px}}

.chart-grid{align-items:start}

/* Operational Overview only — reference-inspired vibrant chart design. */
.dashboard-section{background:#F3F7FC;border-radius:16px;padding:4px 0 0}.dashboard-section .chart-grid{gap:20px;align-items:start}.dashboard-section .chart-card{background:#FFF;border:1px solid #E3EAF3;border-radius:14px;padding:26px;box-shadow:0 3px 12px #18324f06;color:#18324F;min-width:0}.dashboard-section .section-heading h2,.dashboard-section .chart-card h3{color:#18324F}.dashboard-section .chart-card h3{font-size:18px;font-weight:700;letter-spacing:-.25px;margin-bottom:8px;line-height:1.35}.dashboard-section .chart-card .section-heading{gap:14px;margin-bottom:30px}.dashboard-section .chart-card .section-heading p{font-size:13px;color:#64748B;max-width:none;line-height:1.6}.dashboard-section .chart-tag{font-size:10px;font-weight:600;letter-spacing:.4px;color:#94A3B8;white-space:nowrap;padding:7px 10px;border:1px solid #E3EAF3;border-radius:5px;display:block}.dashboard-section .bar-row{grid-template-columns:minmax(100px,1.1fr) minmax(70px,2fr) auto;gap:16px;min-height:32px;margin-bottom:20px;font-size:13px}.dashboard-section .bar-label{color:#18324F;font-size:13px;line-height:1.5}.dashboard-section .bar-track{height:25px;background:#EDF2F7;border-radius:4px}.dashboard-section .bar-fill{border-radius:4px;box-shadow:inset 0 1px 4px #ffffff20}.dashboard-section .bar-count{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:91px;white-space:nowrap}.dashboard-section .bar-count strong{color:#18324F;font-size:14px;font-weight:700}.dashboard-section .bar-count small{color:#94A3B8;font-size:13px;margin:0;min-width:52px;text-align:right}.dashboard-section .chart-expand{color:#1688FF}.dashboard-section .chart-visible{color:#64748B}.donut-layout{display:grid;grid-template-columns:minmax(150px,.95fr) minmax(190px,1.35fr);gap:24px;align-items:center}.status-donut{display:block;width:100%;max-width:300px;margin:auto;overflow:visible}.donut-percentage text{fill:white;font-size:12px;font-weight:600}.donut-total{fill:#18324F;font-size:29px;font-weight:700;font-variant-numeric:tabular-nums}.donut-records{fill:#64748B;font-size:15px}.status-legend{min-width:0;font-size:13px;color:#18324F;font-variant-numeric:tabular-nums}.legend-head,.legend-row{display:grid;grid-template-columns:minmax(90px,1.5fr) minmax(42px,.7fr) minmax(65px,1fr);gap:12px;align-items:center}.legend-head{font-size:11px;font-weight:600;border-bottom:1px solid #E3EAF3;padding-bottom:12px;color:#18324F}.legend-row{padding:15px 0;border-bottom:1px solid #EDF2F7}.legend-row:last-child{border-bottom:0}.legend-head>span:not(:first-child),.legend-row>strong,.legend-row>span:last-child{text-align:right}.legend-row>span:last-child{color:#64748B}.legend-status{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}.legend-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%}.status-card .section-heading{margin-bottom:22px!important}@media(min-width:1450px){.dashboard-section .bar-label{font-size:14px}.dashboard-section .bar-row{grid-template-columns:minmax(120px,1.1fr) minmax(90px,2.3fr) auto}.status-legend{font-size:14px}}@media(min-width:701px) and (max-width:1200px){.donut-layout{grid-template-columns:1fr}.status-donut{max-width:220px}.dashboard-section .chart-card{padding:22px}.dashboard-section .bar-row{grid-template-columns:minmax(75px,1fr) minmax(55px,1.5fr) auto;gap:10px}.dashboard-section .bar-count{min-width:70px;gap:7px}.dashboard-section .bar-count small{font-size:11px;min-width:43px}.dashboard-section .chart-tag{padding:5px 6px;font-size:8px}}@media(max-width:700px){.dashboard-section .chart-grid{grid-template-columns:1fr;gap:18px}.dashboard-section .chart-card{padding:21px}.dashboard-section .chart-card h3{font-size:17px}.dashboard-section .chart-card .section-heading{margin-bottom:24px}.dashboard-section .chart-card .section-heading p{font-size:12px}.dashboard-section .chart-tag{font-size:8px;padding:5px 6px}.dashboard-section .bar-row{grid-template-columns:minmax(75px,1.1fr) minmax(40px,1fr) auto;gap:9px;margin-bottom:18px}.dashboard-section .bar-label{font-size:12px}.dashboard-section .bar-count{gap:6px;min-width:67px}.dashboard-section .bar-count strong{font-size:12px}.dashboard-section .bar-count small{font-size:11px;min-width:42px}.dashboard-section .bar-track{height:23px}.donut-layout{grid-template-columns:1fr;gap:22px}.status-donut{max-width:250px}.status-legend{font-size:13px}.legend-head{font-size:11px}.legend-head,.legend-row{grid-template-columns:minmax(85px,1.4fr) minmax(45px,.7fr) minmax(65px,1fr);gap:8px}.legend-status{gap:8px}}

.date-editor{position:relative}.date-editor>input[type=text]{padding-right:42px}.date-calendar-button{position:absolute;right:1px;top:1px;bottom:1px;width:38px;border:0;border-left:1px solid #dce5ed;border-radius:0 4px 4px 0;background:#f3f7fc;color:#12639b;font-size:22px}.date-calendar-button:hover{background:#e5f0f8}.date-native-picker{position:absolute;right:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0}.date-format-hint,.date-input-error{display:block;font-size:10px;line-height:1.5;margin-top:5px}.date-format-hint{color:#64778a}.date-input-error{color:#b42318}.date-editor input[aria-invalid=true]{border-color:#b42318}
/* A viewport modal avoids filter-container clipping and native mobile picker differences. */
.calendar-open{overflow:hidden}.date-calendar-backdrop{position:fixed;inset:0;z-index:10000;background:#12283d66;display:flex;align-items:center;justify-content:center;padding:12px;overscroll-behavior:contain}.date-calendar{width:min(100%,360px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#183247;border:1px solid #dce5ed;border-radius:16px;padding:16px;box-shadow:0 16px 60px #12283d40}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.calendar-toolbar button,.calendar-days button{min-width:40px;min-height:44px;border:1px solid #dce5ed;background:#f5f9ff;border-radius:8px;color:#183247;touch-action:manipulation}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}.calendar-days span{text-align:center;font-size:12px;padding:4px 0}.calendar-days button{min-width:0;font-size:14px}.calendar-days button:hover,.calendar-days button.calendar-selected{background:#1688ff;color:white}.date-calendar button:focus-visible{outline:3px solid #7057f5;outline-offset:1px}