.crmDateField{padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23267e70' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M7 3v4m10-4v4M3 11h18M7 15h3m4 0h3'/%3E%3C/svg%3E");background-position:right 11px center;background-size:18px;background-repeat:no-repeat}
.crmDateField::-webkit-calendar-picker-indicator{display:none!important}
.dealDateControl .crmDateField{background-image:none;padding-right:10px!important}
#datePickerPopover.crmUnifiedDatePicker{
  position:fixed!important;inset:auto!important;margin:0!important;transform:none!important;
  width:304px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;
  box-sizing:border-box;padding:12px!important;overflow:auto!important;
  background:#fff!important;color:#213a34;border:1px solid #bed5ce!important;border-radius:16px!important;
  box-shadow:0 16px 48px #123b3033!important;z-index:2147483647!important;font:14px "Segoe UI",sans-serif;
}
#datePickerPopover.crmUnifiedDatePicker.hidden{display:none!important}
#datePickerPopover.crmUnifiedDatePicker .crmDpHead{display:grid;grid-template-columns:32px 1fr 32px 28px;gap:3px;align-items:center}
#datePickerPopover.crmUnifiedDatePicker button{min-height:32px!important;min-width:0;padding:5px!important;background:transparent;color:inherit;border:0;border-radius:8px;box-shadow:none;font-size:13px}
#datePickerPopover.crmUnifiedDatePicker button:hover{background:#e7f4ef}
#datePickerPopover.crmUnifiedDatePicker button:disabled{opacity:.35;cursor:default}
#datePickerPopover.crmUnifiedDatePicker .crmDpYear{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:8px 0;color:#60776f;font-size:12px}
#datePickerPopover.crmUnifiedDatePicker .crmDpYear input{width:84px;min-height:30px!important;padding:4px 8px}
#datePickerPopover.crmUnifiedDatePicker .crmDpGrid{display:grid;gap:3px}
#datePickerPopover.crmUnifiedDatePicker .days{grid-template-columns:repeat(7,minmax(0,1fr))}
#datePickerPopover.crmUnifiedDatePicker .months{grid-template-columns:repeat(3,minmax(0,1fr))}
#datePickerPopover.crmUnifiedDatePicker .crmDpGrid span{text-align:center;padding:6px 0;color:#6d837b;font-size:12px}
#datePickerPopover.crmUnifiedDatePicker button.selected{background:#16776b;color:#fff;font-weight:700}
#datePickerPopover.crmUnifiedDatePicker button[aria-current=date]{box-shadow:inset 0 0 0 1px #16776b}
#datePickerPopover.crmUnifiedDatePicker .crmDpFoot{display:flex;justify-content:space-between;border-top:1px solid #e2ece8;margin-top:10px;padding-top:8px;color:#16776b}

.crmTimeField{padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23267e70' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");background-position:right 11px center;background-size:18px;background-repeat:no-repeat}
.crmTimeField::-webkit-calendar-picker-indicator{display:none!important}
#timePickerPopover.crmUnifiedTimePicker{position:fixed!important;inset:auto!important;margin:0!important;transform:none!important;width:280px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;box-sizing:border-box;padding:12px!important;overflow:auto!important;background:#fff!important;color:#213a34;border:1px solid #bed5ce!important;border-radius:16px!important;box-shadow:0 16px 48px #123b3033!important;z-index:2147483647!important;font:14px "Segoe UI",sans-serif}
#timePickerPopover.hidden{display:none!important}
#timePickerPopover .crmTpHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
#timePickerPopover [data-time-value]{margin-left:8px;color:#16776b;font-variant-numeric:tabular-nums}
#timePickerPopover button{min-height:32px!important;min-width:0;padding:5px!important;border:0;border-radius:8px;background:transparent;color:inherit;box-shadow:none;font-size:13px}
#timePickerPopover [data-time-close]{width:28px}
#timePickerPopover button:hover{background:#e7f4ef}
#timePickerPopover button:focus-visible{outline:2px solid #16776b;outline-offset:-2px}
#timePickerPopover .crmTpLabels,#timePickerPopover .crmTpLists{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#timePickerPopover .crmTpLabels{color:#6d837b;text-align:center;padding:8px 0 6px;font-size:12px}
#timePickerPopover [role=listbox]{position:relative;height:min(192px,38dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d8d0 transparent;border:1px solid #e2ece8;border-radius:10px;padding:3px;box-sizing:border-box}
#timePickerPopover [role=option]{display:block;width:100%;margin:2px 0;font-variant-numeric:tabular-nums}
#timePickerPopover button.selected,#timePickerPopover button[data-time-apply]{background:#16776b;color:#fff;font-weight:700}
#timePickerPopover .crmTpFoot{display:flex;justify-content:space-between;border-top:1px solid #e2ece8;margin-top:10px;padding-top:8px;color:#16776b}
#timePickerPopover [data-time-apply]{padding-inline:15px!important}
#timePickerPopover button:disabled{opacity:.35;cursor:default}