.ds-range-trigger{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border:1px solid var(--ds-border-strong,#d1d5db);border-radius:10px;background:var(--ds-surface,#fff);color:var(--ds-text,#334155);font-size:13px;white-space:nowrap}
.ds-range-overlay{position:fixed;inset:0;z-index:200;background:transparent;display:flex;align-items:center;justify-content:center;padding:16px}
.ds-range-panel{width:560px;max-width:100%;border:1px solid var(--ds-border-strong,#d1d5db);border-radius:14px;background:var(--ds-surface,#fff);color:#334155;box-shadow:0 16px 60px #0003;overflow:hidden}
.ds-range-body{display:flex}.ds-range-presets{width:190px;flex-shrink:0;border-right:1px solid var(--ds-border-strong,#e5e7eb);padding:8px 0}.ds-range-presets button{display:block;width:100%;text-align:left;padding:11px 16px;font-size:13px}
.ds-range-calendar{flex:1;min-width:0;padding:16px}.ds-range-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;text-transform:capitalize;font-size:14px}.ds-range-month button{padding:0 10px;border-radius:6px;font-size:24px}.ds-range-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.ds-range-grid button{height:36px;font-size:13px;border-radius:6px}.ds-range-weekday{font-size:11px;color:#64748b;padding-bottom:10px}.ds-range-grid .outside{opacity:.4}.ds-range-panel button:hover{background:#eff6ff;color:#1d4ed8}.ds-range-panel .in-range{background:#dbeafe;color:#1e40af;border-radius:0}.ds-range-panel button.selected,.ds-range-panel button.ds-range-apply{background:#2366ee;color:#fff}.ds-range-hint{font-size:12px;min-height:36px;margin-top:12px;color:#64748b}.ds-range-panel footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--ds-border-strong,#e5e7eb)}.ds-range-panel footer button{padding:8px 16px;border-radius:8px;font-size:13px}.ds-range-panel button:disabled{opacity:.4;cursor:not-allowed}.ds-range-panel button:focus-visible,.ds-range-trigger:focus-visible{outline:2px solid #2366ee;outline-offset:2px}
.dark .ds-range-panel,.dark .ds-range-trigger{background:#18212f;color:#e2e8f0}.dark .ds-range-panel button:hover{background:#1e3a8a;color:#fff}.dark .ds-range-panel .in-range{background:#1e3a8a;color:#bfdbfe}.dark .ds-range-hint,.dark .ds-range-weekday{color:#94a3b8}.dark .ds-range-panel button.selected,.dark .ds-range-panel button.ds-range-apply{background:#2366ee;color:white}
@media(max-width:600px){.ds-range-body{flex-direction:column}.ds-range-presets{width:100%;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid #e5e7eb;padding:8px;gap:4px}.ds-range-presets button{width:auto;border-radius:6px;padding:8px}.ds-range-panel{max-height:90vh;overflow:auto}}
/* The calendar is an anchored dropdown, with explicit foreground colors. */
.ds-range-panel{position:fixed;z-index:200;max-height:calc(100vh - 24px);overflow:auto}
.ds-range-panel[x-cloak]{display:none!important}
.ds-range-panel button,.ds-range-panel strong{color:#334155;opacity:1}
.dark .ds-range-panel button,.dark .ds-range-panel strong,.dark .ds-range-weekday,.dark .ds-range-hint{color:#fff;opacity:1}
.dark .ds-range-grid .outside{color:#cbd5e1;opacity:1}
.ds-range-panel button.selected{color:#fff}
.ds-range-trigger span{color:inherit}