/* Shared sales form treatment. Keep focus border cues without an outer halo. */
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]), textarea, select, .form-control, .form-select, .form-input, .select2-selection, .choices__inner):is(:hover, :focus, :focus-visible, :focus-within),
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(.select2-container--focus, .select2-container--open) .select2-selection,
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) .choices:is(.is-focused, .is-open) .choices__inner {
 outline: none !important;
 box-shadow: none !important;
}

/* Use the Add New Lead close control across sales drawers and forms. */
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(.new-user-close, .header-close-btn, .close-Taskbtn, .close-Eventbtn, .da-chain-close-btn, #closeWorkUpdateBtn) {
 display: grid !important;
 place-items: center !important;
 width: 32px !important;
 height: 32px !important;
 min-width: 32px !important;
 flex: 0 0 32px !important;
 margin-left: auto !important;
 padding: 0 !important;
 border: 0 !important;
 border-radius: 50% !important;
 background: #fee2e2 !important;
 color: #ef4444 !important;
 font-size: 14px !important;
 cursor: pointer !important;
 box-shadow: none !important;
 transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(.new-user-close, .header-close-btn, .close-Taskbtn, .close-Eventbtn, .da-chain-close-btn, #closeWorkUpdateBtn):hover {
 background: #fecaca !important;
 color: #dc2626 !important;
 transform: scale(1.08) !important;
}
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(.new-user-close, .header-close-btn, .close-Taskbtn, .close-Eventbtn, .da-chain-close-btn, #closeWorkUpdateBtn) i {
 color: #ef4444 !important;
 font-size: 14px !important;
 font-weight: 700 !important;
}
html body :is(#newLeadCard, #editLeadCard, #requestEditCard, #leadDocumentsModal, #leadDetailPanel, #adminRequestsCard, #newProductCard, #editProductCard, #viewProductCard, #solutionEditApprovalRequestModal, #solutionEditApprovalAdminModal, #taskFormModal, #editTaskModal, #viewTaskCard, #AllviewTaskCard, #workUpdateCard, #workDetailCard, #eventFormModal, #editEventModal, #viewEventModal, #eventViewModal, #daModal, #daContactEditor, #daDetailPanel, #daChainPanel) :is(.new-user-close, .header-close-btn, .close-Taskbtn, .close-Eventbtn, .da-chain-close-btn, #closeWorkUpdateBtn):hover i { color: #dc2626 !important; }

/* The filter popup presents both ends of the range side by side. */
.sales-filter-range-calendar .flatpickr-month { height: 54px; }
.sales-filter-range-calendar .flatpickr-month::before {
 display: block; text-align: center; color: #2563eb;
 font-size: 11px; font-weight: 700; line-height: 18px;
}
.sales-filter-range-calendar .flatpickr-month:first-of-type::before { content: "From"; }
.sales-filter-range-calendar .flatpickr-month:nth-of-type(2)::before { content: "To"; }
.sales-filter-range-calendar .flatpickr-current-month { top: 18px; }
.sales-filter-range-calendar .flatpickr-prev-month,
.sales-filter-range-calendar .flatpickr-next-month { top: 18px; }
.sales-filter-range-calendar { max-width: calc(100vw - 16px); overflow-x: auto; }