.date-picker{display:block;font-weight:400}
.date-picker .date-mode-tabs{display:inline-flex;padding:3px;border-radius:9px;background:var(--neu-bg, #f1f5f9)}
.date-picker .date-mode-tabs button{min-width:82px;border:0;border-radius:7px;padding:7px 10px;background:transparent;color:var(--muted, #7286a0);font:650 12px var(--font, system-ui, sans-serif);cursor:pointer}
.date-picker .date-mode-tabs button[aria-selected="true"]{background:#fff;color:var(--accent-deep, #0b5563);box-shadow:0 1px 4px rgba(15,27,45,.09)}
.date-picker .scope-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.date-picker .calendar-navigation{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin:4px 0 9px}
.date-picker .calendar-navigation>button{width:32px;height:32px;border:1px solid var(--line, #e7ebf0);border-radius:8px;background:#fff;color:var(--ink-soft, #33455c);font-size:22px;line-height:1;cursor:pointer}
.date-picker .calendar-navigation>button:hover{border-color:var(--accent, #0e7490);color:var(--accent, #0e7490)}
.date-picker .calendar-navigation>span{text-align:center;color:var(--ink-soft, #33455c);font-size:12px;font-weight:650}
.date-picker .calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.date-picker .calendar-month{min-width:0}
.date-picker .calendar-month-title{text-align:center;color:var(--ink, #0f1b2d);font-size:13px;font-weight:700;margin-bottom:9px}
.date-picker .calendar-weekdays,.date-picker .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.date-picker .calendar-weekdays span{display:grid;place-items:center;height:24px;color:var(--muted, #7286a0);font-size:11px}
.date-picker .calendar-day-placeholder{height:34px}
.date-picker .calendar-day{position:relative;height:34px;border:0;background:transparent;color:var(--ink-soft, #33455c);font:500 12px var(--font, system-ui, sans-serif);cursor:pointer;z-index:0}
.date-picker .calendar-day::before{content:"";position:absolute;inset:3px 0;z-index:-2;background:transparent;pointer-events:none}
.date-picker .calendar-day::after{content:"";position:absolute;top:3px;left:50%;z-index:-1;width:28px;height:28px;border-radius:50%;transform:translateX(-50%);background:transparent;pointer-events:none}
.date-picker .calendar-day:hover::after{background:var(--neu-bg, #f1f5f9)}
.date-picker .calendar-day.is-in-range::before{background:var(--accent-soft, #e3f1f4)}
.date-picker .calendar-day.is-preview::before{background:#f0f7f8}
.date-picker .calendar-day.is-start::before{left:50%;background:var(--accent-soft, #e3f1f4);border-radius:14px 0 0 14px}
.date-picker .calendar-day.is-end::before{right:50%;background:var(--accent-soft, #e3f1f4);border-radius:0 14px 14px 0}
.date-picker .calendar-day.is-start.is-end::before{display:none}
.date-picker .calendar-day.is-start::after,.date-picker .calendar-day.is-end::after{background:var(--accent, #0e7490);color:#fff}
.date-picker .calendar-day.is-start,.date-picker .calendar-day.is-end{color:#fff;font-weight:750}
.date-picker .calendar-day.is-today:not(.is-start):not(.is-end){color:var(--accent, #0e7490);font-weight:750}
.date-picker .calendar-day.is-today:not(.is-start):not(.is-end)::after{border:1px solid var(--accent, #0e7490)}
.date-picker .date-selection-preview{margin-top:12px;padding:8px 10px;border-radius:8px;background:var(--surface-2, #fbfcfd);color:var(--ink-soft, #33455c);font-size:12px;text-align:center}
.date-picker .scope-error{color:var(--neg, #b91c1c);font-size:12px;margin-top:8px}
.date-picker .scope-shortcuts button,.date-picker .scope-button-secondary,.date-picker .scope-button-primary{min-height:32px;border:1px solid var(--line,#e7ebf0);border-radius:8px;padding:6px 10px;background:var(--surface-2,#fbfcfd);color:var(--ink-soft,#33455c);font:600 12px var(--font,system-ui,sans-serif);cursor:pointer}
.date-picker .scope-shortcuts button:hover,.date-picker .scope-button-secondary:hover{border-color:var(--accent,#0e7490);color:var(--accent,#0e7490)}
.date-picker .scope-button-primary{border-color:var(--accent,#0e7490);background:var(--accent,#0e7490);color:#fff}
.date-picker .scope-button-primary:hover{background:var(--accent-deep,#0b5563)}
.date-picker .scope-popover-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid var(--line,#e7ebf0);padding-top:12px;margin-top:13px}
.date-picker .date-picker-clear{margin-right:auto}
.date-picker [hidden]{display:none!important}
.date-picker button:focus-visible{outline:2px solid var(--accent,#0e7490);outline-offset:2px}
@media(max-width:820px){.date-picker .calendar-months{grid-template-columns:1fr}
.date-picker .calendar-month:nth-child(2){display:none}}