.crm-dt-field{display:block;min-width:0;width:100%}
.crm-dt-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce6e6;border-radius:9px;padding:10px 12px;background:#fff;color:#24373d;text-align:left;font:12px/1.5 Arial,sans-serif;cursor:pointer}
.crm-dt-trigger svg{width:16px;height:16px;flex:none;color:#ff710b}
.crm-dt-trigger[aria-expanded=true]{border-color:#ff9a4f;box-shadow:0 0 0 3px #ff710b0b}
.crm-dt-trigger[aria-invalid=true]{border-color:#e67979}
.crm-dt-error{display:block;margin-top:4px;font:11px/1.5 Arial,sans-serif;color:#b64d4d}
.crm-dt-error:empty{display:none}
.crm-dt-popover{position:fixed;z-index:5000;overflow:auto;background:#fff;color:#24373d;border:1px solid #dce6e6;border-radius:14px;box-shadow:0 9px 28px #18363f1c,0 2px 5px #18363f08;font:13px/1.5 Arial,sans-serif;box-sizing:border-box}
.crm-dt-popover *{box-sizing:border-box}
.crm-dt-popover button,.crm-dt-popover select{font:inherit;cursor:pointer}
.crm-dt-popover button:focus-visible,.crm-dt-popover select:focus-visible,.crm-dt-trigger:focus-visible{outline:3px solid #ffc18c;outline-offset:2px}
.crm-dt-monthbar{display:flex;align-items:center;gap:5px;padding:15px 15px 13px}
.crm-dt-month-selectors{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.crm-dt-month-selectors select{background:#fff;border:0;color:#24373d;border-radius:5px;font-size:13px;font-weight:600;padding:3px 1px;max-width:120px}
.crm-dt-arrow{display:grid;place-items:center;width:30px;height:30px;background:#fff;border:1px solid #dce6e6;border-radius:8px;color:#7b8e94;padding:0;font-size:22px!important}
.crm-dt-arrow:hover{background:#fff1e5;border-color:#ffc496;color:#e7650b}
.crm-dt-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 12px 7px;color:#8a9ba0;text-align:center;font-size:11px}
.crm-dt-weekdays .closed{color:#b6c1c4}
.crm-dt-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:0 12px 14px}
.crm-dt-day{width:100%;aspect-ratio:1.08;min-width:0;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:#fff;color:#24373d;font-size:12px!important;position:relative}
.crm-dt-day.other{color:#b4c0c3}
.crm-dt-day:hover{background:#fff1e5;color:#e96a0f}
.crm-dt-day[aria-current=date]{border-color:#ffb77d;color:#e3650d;background:#fffaf6}
.crm-dt-day[aria-current=date]:after{content:"";position:absolute;bottom:4px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#ff861f}
.crm-dt-day[aria-pressed=true],.crm-dt-slot[aria-pressed=true]{background:linear-gradient(180deg,#ffab55,#ff8b2a 48%,#ff710b 54%,#f06909);border-color:#ff871e;color:#fff;box-shadow:inset 0 1px 1px #ffffff80,0 3px 7px #ff710b25;font-weight:600}
.crm-dt-day[aria-pressed=true]:after{background:#fff}
.crm-dt-day:disabled{color:#bac4c7;background:#f5f7f6;border-color:transparent;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#cbd3d5;box-shadow:none}
.crm-dt-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid #eaf0ee;background:#fcfdfc}
.crm-dt-footer button{background:transparent;border:0;border-radius:5px;padding:3px 2px;font-size:12px;color:#7b8e94}
.crm-dt-footer button[data-dt-today]{color:#ef711a;font-weight:600}
.crm-dt-footer button:disabled{opacity:.4;cursor:not-allowed}
.crm-dt-footer>span{font-size:11px;color:#8b9ba0}
.crm-dt-time-header{display:flex;justify-content:space-between;align-items:center;padding:16px 17px 12px}
.crm-dt-time-header strong{font-size:13px;font-weight:600}
.crm-dt-time-header small{font-size:11px;color:#7b8e94}
.crm-dt-parts{padding:0 15px 16px}
.crm-dt-part{margin-bottom:17px}
.crm-dt-part:last-child{margin-bottom:0}
.crm-dt-part h3{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#7b8e94;margin:0 0 9px}
.crm-dt-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.crm-dt-slot{background:#fff;border:1px solid #e3ebea;border-radius:8px;min-height:37px;padding:7px 3px;color:#24373d;font-size:12px!important;white-space:nowrap}
.crm-dt-slot:hover{background:#fff1e5;border-color:#ffc28e;color:#dc670f}
.crm-dt-slot[aria-pressed=true]:hover{color:#fff}
@media(pointer:coarse){.crm-dt-trigger,.crm-dt-arrow{min-height:44px}.crm-dt-arrow{width:38px}.crm-dt-day{min-height:36px}.crm-dt-slot{min-height:42px}.crm-dt-footer button{min-height:36px}}