.period-row{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
.date-range-field{position:relative}
.date-range-button{width:100%;height:36px;border:1px solid #cdd5df;border-radius:6px;background:#fff;color:var(--ink);padding:0 9px;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}
.date-range-button:focus-visible{outline:3px solid rgba(37,99,235,.22);border-color:#2563eb}
.date-range-popover{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:min(330px,calc(100vw - 32px));border:1px solid #cdd5df;border-radius:10px;background:#fff;padding:12px;box-shadow:0 18px 45px rgba(16,24,40,.18)}
.date-range-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px}
.date-range-head strong{text-align:center;font-size:14px}
.date-range-head button{width:34px;height:32px;border:1px solid #d8e0e8;border-radius:7px;background:#fff;color:#344054;font-size:22px;line-height:1;cursor:pointer}
.date-range-head button:disabled{opacity:.35;cursor:not-allowed}
.date-range-status{margin:9px 0 8px;padding:7px 9px;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;text-align:center}
.date-range-weekdays,.date-range-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.date-range-weekdays span{padding:5px 0;color:#667085;font-size:11px;font-weight:700;text-align:center}
.date-range-day{height:35px;border:0;border-radius:7px;background:transparent;color:#344054;font:inherit;cursor:pointer}
.date-range-day:hover{background:#eef2f6}
.date-range-day.is-range{background:#dbeafe;border-radius:0}
.date-range-day.is-start,.date-range-day.is-end{background:#1f4e5f;color:#fff;font-weight:800;border-radius:7px}
.date-range-day:disabled{color:#c7ced7;background:transparent;cursor:not-allowed}
.date-range-blank{height:35px}
@media(max-width:680px){.period-row{grid-template-columns:1fr}.date-range-popover{position:fixed;left:12px;right:12px;top:50%;width:auto;transform:translateY(-50%);max-height:calc(100vh - 24px);overflow:auto}.date-range-day{height:40px}}