.date-range-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:#829198;min-width:0}
.date-range-picker{position:relative;width:265px;max-width:100%;flex:1}
.date-range-picker[open]{z-index:35}
.date-range-picker>summary{display:flex;align-items:center;gap:12px;box-sizing:border-box;height:38px;padding:0 12px;border:1px solid #dbe3e7;border-radius:6px;background:#fff;color:#52666e;list-style:none;cursor:pointer}
.date-range-picker>summary::-webkit-details-marker{display:none}
.date-range-picker>summary:focus-visible,.date-range-picker[open]>summary{outline:none;border-color:#78ad9f;box-shadow:0 0 0 2px #dff0eb}
.range-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.range-caption .placeholder{color:#a0a9ad}
.range-separator{color:#95a1a7}
.date-range-popover{position:absolute;top:100%;left:0;width:560px;max-width:calc(100vw - 24px);max-height:calc(100vh - 80px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #e1e7ea;border-radius:8px;box-shadow:0 10px 28px #20394024;color:#52666e}
.range-draft{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #e4e9ed}
.range-draft button{flex:1;text-align:left;padding:4px 8px;border:0;background:transparent;color:#7e8b92;font:inherit;font-size:14px;border-radius:4px;cursor:pointer}
.range-draft button.active{background:#eaf5f1;color:#177b6a}
.range-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;gap:18px;padding:0 14px 10px}
.range-month h4{height:48px;margin:0;display:flex;align-items:center;justify-content:center;font-size:15px;color:#293d44}
.range-nav{position:absolute;top:11px;display:flex;gap:0}
.range-nav-prev{left:12px}.range-nav-next{right:12px}
.range-nav button{width:20px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:#92a0a7;font-size:20px;cursor:pointer}
.range-nav button:hover{background:#edf5f2;color:#177b6a}
.range-weekdays,.range-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.range-weekdays span{padding:9px 0;font-size:12px;color:#7d8b92}
.range-day{position:relative;height:32px;padding:0;border:0;background:transparent;color:#52666e;font:inherit;font-size:12px;cursor:pointer}
.range-day.outside-month{color:#bbc3c7}
.range-day.in-range{background:#eaf5f1;color:#267c6a}
.range-day.today::after{content:'';position:absolute;inset:3px;border:1px solid #77b7a8;border-radius:4px;pointer-events:none}
.range-day:hover,.range-day:focus-visible{background:#dcefe9;outline:none}
.range-day.selected{background:#177b6a;color:white;border-radius:4px}
.range-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid #e4e9ed;font-size:12px;color:#8b999f}
.range-footer button{border:0;border-radius:4px;padding:4px 8px;background:transparent;color:#177b6a;font:inherit;cursor:pointer}
@media(max-width:540px){.range-calendars{gap:8px;padding:0 8px 8px}.range-month h4{font-size:12px}.range-nav button{width:15px}.range-nav-prev{left:5px}.range-nav-next{right:5px}.range-weekdays span,.range-day{font-size:11px}.date-range-filter{flex-wrap:wrap}}