.date-time-fields{grid-template-columns:minmax(0,1fr)}
.date-trigger{width:100%;min-height:48px;padding:12px 16px;border:1px solid #aeb8af;background:#fff;justify-content:flex-start;border-radius:24px;font-size:16px}
.calendar-picker{margin-top:10px;padding:12px;background:#fbf8ff;border:1px solid #e2d7ef;border-radius:24px}
.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.calendar-header strong{font-size:15px;text-align:center}.calendar-header .icon{width:38px;height:38px;min-width:38px;min-height:38px;padding:9px}
.next-arrow{transform:rotate(180deg)}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.calendar-weekdays span{text-align:center;font-size:11px;color:#756483;padding:5px 0}
.calendar-days button{min-height:40px;padding:0;border-radius:50%;font-size:14px;background:#fff;border:1px solid transparent;aspect-ratio:1;max-height:48px}
.calendar-days button:hover{background:#eee5ff}.calendar-days button[aria-current=date]{border-color:#b69ccd}.calendar-days .selected-day{background:#ffd8cd;color:#683b32;border-color:#efa994;font-weight:700}
.clear-date{font-size:12px;margin-top:8px;padding:7px 12px;min-height:34px;background:#eee5ff}
@media(max-width:380px){.calendar-picker{padding:8px}.calendar-days button{min-height:34px}.calendar-weekdays span{font-size:10px}}