.date-performance { margin-bottom: 22px; }
.date-performance[hidden],.date-picker[hidden],.date-results[hidden] { display:none; }
.date-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.date-toolbar button,.date-picker button {font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:white;color:var(--ink)}
.date-toolbar small {color:var(--muted);font-size:13px}
.date-picker {background:white;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}
.date-inputs,.date-calendars {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.date-inputs label {display:grid;gap:6px;font-size:13px;font-weight:700}
.date-inputs input {font:inherit;padding:8px;border:1px solid var(--line);border-radius:7px;width:100%}
.date-presets {display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.date-picker button:hover,.date-picker button:focus-visible {border-color:var(--purple);outline-color:var(--purple)}
.date-month-head {display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.date-calendar {display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.date-calendar span {font-size:12px;color:var(--muted)}
.date-calendar button {padding:6px 0;border:0;border-radius:4px;font-size:13px}
.date-calendar button.in-range {background:#f0e7f4}
.date-calendar button.endpoint {background:var(--purple);color:white}
.date-calendar button:disabled {opacity:.35;cursor:default}
.date-picker footer {display:flex;gap:10px;margin-top:16px;align-items:center;flex-wrap:wrap}
.date-picker button.date-apply {background:var(--purple);color:white}
.date-error {color:#a02e31;font-size:13px}
.date-results {background:white;border:1px solid var(--line);border-radius:14px;padding:18px}
.date-results h2 {font-size:19px;margin:0 0 6px}
.date-results p {font-size:13px;color:var(--muted)}
.date-summary {display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0}
.date-summary article {background:var(--paper);border-radius:9px;padding:12px}
.date-summary strong,.date-summary span {display:block}
.date-summary strong {font-size:24px;color:var(--purple)}
.date-summary span {font-size:13px}
.date-detail {max-height:310px;overflow:auto}
.date-detail table {width:100%;border-collapse:collapse;font-size:13px}
.date-detail td,.date-detail th {padding:8px;text-align:right;border-bottom:1px solid var(--line)}
.date-detail th:first-child,.date-detail td:first-child {text-align:left}
@media(max-width:600px){.date-calendars{grid-template-columns:1fr}.date-calendars>div:last-child{display:none}}