.record-date-range{position:relative}.record-date-range-toggle{display:flex;align-items:center;gap:10px;min-width:300px;padding:10px 14px;border:1px solid #dfe6e2;border-radius:11px;background:#fff;color:#53645d;font-weight:600;box-shadow:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.record-date-range-toggle:hover{border-color:#c6d9d0;background:#f5faf7;color:#244b3d;box-shadow:0 4px 12px rgba(28,83,64,.06);transform:none}.record-date-range-toggle:focus,.record-date-range-toggle:focus-visible{border-color:#238266;background:#fff;color:#244b3d;box-shadow:0 0 0 3px rgba(35,130,102,.1);transform:none}
.record-date-range-panel{position:absolute;z-index:40;top:calc(100% + 8px);right:0;display:grid;grid-template-columns:120px 1fr;width:min(760px,calc(100vw - 48px));padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 20px 50px rgba(15,23,42,.18);overflow:hidden}.record-range-shortcuts{display:flex;flex-direction:column;gap:4px;padding:16px;border-right:1px solid var(--border)}.record-range-shortcuts button{padding:9px 10px;border:0;background:transparent;color:var(--text-muted);text-align:left}.record-range-shortcuts button:hover{background:var(--surface-subtle);color:var(--text)}
.record-calendar-area{padding:16px}.record-calendar-nav{display:flex;justify-content:space-between}.record-calendar-nav button{padding:5px 10px;border:0;background:transparent;color:var(--text)}.record-calendars{display:grid;grid-template-columns:1fr 1fr;gap:28px}.record-calendar h4{margin:0 0 14px;text-align:center}.record-calendar-week,.record-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.record-calendar-week{padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px}.record-calendar-week span{padding:5px}.record-calendar-day{min-width:34px;padding:8px 4px;border:0;border-radius:0;background:transparent;color:var(--text)}.record-calendar-day:hover{background:#eaf2ff}.record-calendar-day.outside{color:#b8c0cc}.record-calendar-day.in-range{background:#eef4ff}.record-calendar-day.selected{border-radius:999px;background:#3b82f6;color:#fff}
@media(max-width:760px){.record-date-range-toggle{min-width:250px}.record-date-range-panel{right:auto;left:0;grid-template-columns:1fr;max-height:72vh;overflow:auto}.record-range-shortcuts{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border)}.record-calendars{grid-template-columns:1fr}.record-calendar-right{display:none}}