/* Shared business charts: native controls, explicit units and honest empty states. */
.intake-stats {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;font-size:14px;}
.intake-stats-panel {min-width:0;background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#e5e5e5);border-radius:14px;padding:20px;box-shadow:none;}
.intake-stats-heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ui-border,#e5e5e5);}
.intake-stats-heading h2 {display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;line-height:1.5;letter-spacing:0;}
.intake-stats-heading h2[data-icon]::before {color:var(--ui-primary,#242424);flex:none;}
.intake-stats-panel p {margin:0;line-height:1.6;overflow-wrap:anywhere;}
.intake-stats-heading .intake-stats-subtitle {font-size:12px;color:var(--ui-muted,#616975);margin-top:4px;}
.intake-stats-total {display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:100%;min-width:80px;padding:0;border-radius:0;background:transparent;font-variant-numeric:tabular-nums;}
.intake-stats-total strong {font-size:24px;overflow-wrap:anywhere;line-height:1.25;font-weight:600;color:var(--ui-fg,#20242a);}
.intake-stats-total span {font-size:12px;color:var(--ui-muted,#616975);}
.intake-stats-panel .intake-stats-range {font-size:12px;color:var(--ui-muted,#616975);margin:0 0 8px;}
.intake-stats-panel .intake-stats-summary {font-size:12px;margin-bottom:12px;font-variant-numeric:tabular-nums;}
.intake-stats-plot {width:100%;min-width:0;}
.intake-stats-chart {display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;}
.intake-stats-chart:focus-visible,.intake-stats :is(button,summary):focus-visible {outline:2px solid var(--ui-primary,#242424);outline-offset:3px;border-radius:var(--ui-radius-control,7px);}
.intake-stats-gridline {stroke:var(--ui-border,#e5e5e5);stroke-width:1;stroke-dasharray:3 4;}
.intake-stats-tick,.intake-stats-unit {fill:var(--ui-muted,#616975);font:12px system-ui,sans-serif;font-variant-numeric:tabular-nums;}
.intake-stats-value {fill:var(--ui-fg,#20242a);font:12px system-ui,sans-serif;}
.intake-stats-bar {fill:var(--ui-primary,#242424);}
.intake-stats-line {fill:none;stroke:var(--ui-primary,#242424);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.intake-stats-area {fill:var(--ui-primary,#242424);fill-opacity:.07;}
.intake-stats-cursor {stroke:var(--ui-muted,#616975);stroke-width:1;stroke-dasharray:3 3;}
.intake-stats-point {fill:var(--ui-surface,#fff);stroke:var(--ui-primary,#242424);stroke-width:2;}
.intake-stats-panel .intake-stats-readout {min-height:44px;margin-top:8px;padding:10px 0;background:transparent;border-radius:0;font-size:12px;color:var(--ui-fg,#20242a);font-variant-numeric:tabular-nums;}
.intake-stats-controls {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;}
.intake-stats-controls .button {min-height:44px;min-width:44px;padding:8px 10px;touch-action:manipulation;}
.intake-stats-position {font-size:12px;color:var(--ui-muted,#616975);font-variant-numeric:tabular-nums;white-space:nowrap;}
.intake-stats-panel .intake-stats-note {font-size:12px;color:var(--ui-muted,#616975);margin:8px 0 0;}
.intake-stats-distribution {list-style:none;padding:0;margin:12px 0;}
.intake-stats-distribution li {display:grid;grid-template-columns:6em minmax(20px,1fr) minmax(2em,auto) 3.8em;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--ui-border,#e5e5e5);font-size:12px;font-variant-numeric:tabular-nums;}
.intake-stats-distribution li:last-child {border-bottom:0;}
.intake-stats-state-bar {display:block;width:100%;height:6px;}
.intake-stats-track {fill:var(--ui-soft,#f3f3f3);}
.intake-stats-fill {fill:var(--ui-primary,#242424);}
.intake-stats-label {color:var(--ui-fg,#20242a);}
.intake-stats-distribution strong {text-align:right;font-weight:600;overflow-wrap:anywhere;}
.intake-stats-percent {color:var(--ui-muted,#616975);text-align:right;}
.intake-stats-values {border-top:1px solid var(--ui-border,#e5e5e5);margin-top:12px;}
.intake-stats-values summary,.intake-stats-method summary {cursor:pointer;min-height:44px;padding:11px 0;font-size:12px;font-weight:500;line-height:1.8;color:var(--ui-muted,#616975);}
.intake-stats-method p {font-size:12px;color:var(--ui-muted,#616975);padding-bottom:6px;}
.intake-stats-values table {width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;}
.intake-stats-values th,.intake-stats-values td {padding:10px 8px;border-bottom:1px solid var(--ui-border,#e5e5e5);text-align:left;overflow-wrap:anywhere;}
.intake-stats-values :is(th,td):last-child {text-align:right;}
.intake-stats-values caption {text-align:left;padding:8px 0;font-weight:600;}
.intake-stats-values thead {background:var(--ui-bg,#f6f7f9);}
.intake-stats-empty {min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--ui-muted,#616975);background:var(--ui-bg,#f6f7f9);border:1px dashed var(--ui-border,#e5e5e5);border-radius:var(--ui-radius-panel,10px);margin:12px 0;padding:16px;}
.intake-stats-empty strong {font-size:14px;font-weight:600;color:var(--ui-fg,#20242a);}
.intake-stats-empty p {font-size:12px;}
@container admin-content (min-width:800px){.intake-stats{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);}}
@container workspace-content (min-width:800px){.intake-stats{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);}}
@media(max-width:430px){.intake-stats-panel{padding:16px;}.intake-stats-distribution li{gap:6px;grid-template-columns:6em minmax(12px,1fr) minmax(1.5em,auto) 3.8em;}}

/* The chart already uses semantic colors; its faint area needs more presence
   against the darker canvas without changing units or data encoding. */
:root[data-color-theme=dark] .intake-stats-area {fill-opacity:.18;}
:root[data-color-theme=dark] .intake-stats-point {stroke-width:2.5;}