.chart-date-range{margin:0 0 22px;padding:16px 18px;background:#f7f8f7;border:1px solid var(--line);border-radius:8px}
.chart-date-fields{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.chart-date-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:500;min-width:0}
.chart-date-fields input{font:inherit;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink);background:#fff;border:1px solid #c6cec8;border-radius:6px;padding:8px 11px;min-height:40px;min-width:145px;max-width:100%;color-scheme:light}
.chart-date-fields input:focus-visible{outline:2px solid #63776e;outline-offset:2px}
.chart-date-fields input[aria-invalid=true]{border-color:#a33323}
.chart-date-separator{align-self:flex-end;color:var(--muted);padding-bottom:8px}
.chart-date-reset{min-height:40px;padding:8px 15px;border:1px solid #c6cec8;border-radius:6px;background:#fff;color:var(--green);font-size:13px;cursor:pointer}
.chart-date-reset:hover{background:#edf3ee}
.chart-date-hint,.chart-date-error{margin:9px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.chart-date-error{color:#a33323}
.chart-date-range [hidden]{display:none!important}
.chart-empty{padding:48px 20px;text-align:center;color:var(--muted);background:#f7f8f7;border-radius:8px;line-height:1.8}
@media(max-width:520px){.chart-date-range{padding:12px}.chart-date-fields{gap:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.chart-date-fields input{width:100%;min-width:0;padding:8px 6px;font-size:12px}.chart-date-separator{display:none}.chart-date-reset{padding:8px 10px}.chart-date-hint{font-size:10px}}