.date-picker-field{position:relative;min-width:0}.date-picker-field>input[type="date"],.date-picker-field>input[type="datetime-local"]{position:absolute!important;inset-inline-start:0;top:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;clip-path:inset(50%)}.date-picker-field:has(.date-picker-time){display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:6px}.date-picker-field .date-picker-time{min-width:0;min-height:42px;direction:ltr;text-align:center;border:1px solid #dce5f5;border-radius:8px;background:#fff;font:inherit;font-size:12px}
.date-picker-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce5f5;border-radius:8px;padding:8px 12px;background:#fff;color:#263c63;font:inherit;font-size:13px;direction:ltr;text-align:left;cursor:pointer}.date-picker-trigger:after{content:'▦';font-size:18px;color:#4163c7}.date-picker-trigger:focus-visible{outline:2px solid #315cff;outline-offset:2px}.date-picker-field .calendar-date-preview{margin-top:4px}
.date-picker-popover{position:fixed;z-index:100000;box-sizing:border-box;max-height:min(390px,calc(100vh - 20px));overflow:auto;padding:14px;border:1px solid #c9d7f2;border-radius:15px;background:#fff;box-shadow:0 20px 55px #172b5360;font-family:inherit;color:#253958;direction:rtl}.date-picker-popover *{box-sizing:border-box}.date-picker-header{display:flex;align-items:center;gap:6px}.date-picker-header button{width:32px;height:36px;border:1px solid #dce5f4;border-radius:8px;background:#f6f8ff;cursor:pointer}.date-picker-header select{min-width:0;flex:1;height:36px;border:1px solid #dce5f4;border-radius:8px;padding:4px;background:#fff;color:#263c63;font:inherit;font-size:12px}.date-picker-header select:nth-of-type(2){flex:0 0 76px}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;text-align:center}.date-picker-days b{font-size:11px;color:#7282a0;padding:7px 0}.date-picker-days button{min-height:36px;border:0;border-radius:8px;background:#fff;color:#263c63;font:inherit;font-size:12px;cursor:pointer}.date-picker-days button:hover,.date-picker-days button.today{background:#e9efff}.date-picker-days button.selected{background:#315cff;color:#fff}.date-picker-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #e8edf6;margin-top:10px;padding-top:10px}.date-picker-footer button{border:1px solid #dce5f4;border-radius:7px;background:#f7f9ff;color:#3153bb;padding:6px 9px;font:inherit;font-size:11px;cursor:pointer}.date-picker-footer small{margin-inline-start:auto;color:#7b88a0;font-size:10px}