/* Treatment view: patient name is a link to the patient modal */
a.crm-treatment-context__patient-link {
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18em;
    text-decoration-thickness: 1px;
    cursor: pointer;
}

a.crm-treatment-context__patient-link:hover,
a.crm-treatment-context__patient-link:focus-visible {
    color: #00baff !important;
}

[data-bs-theme="light"] a.crm-treatment-context__patient-link:hover,
[data-bs-theme="light"] a.crm-treatment-context__patient-link:focus-visible {
    color: #0d6efd !important;
}

/*
 * Contact-with-patient lists.
 * At 90% browser zoom, overflow:hidden on the accordion is a fraction of a
 * pixel too short, which clips Add patient contact and swallows the wheel
 * so the modal body never scrolls. These selectors are more specific than
 * PatientsModule's overflow-x:hidden !important so they still win when this
 * sheet loads from the header.
 */
#viewPatientModal #viewPatientModalBody .view-patient-container > .modal-body-custom,
#editPatientModal #editPatientModalBody .view-patient-container > .modal-body-custom,
#addPatientModal #addPatientModalBody .view-patient-container > .modal-body-custom,
#addPatientModalIndex #addPatientModalIndexBody .view-patient-container > .modal-body-custom {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
}

#viewPatientModal #viewPatientModalBody .crm-conversations-section.active,
#editPatientModal #editPatientModalBody .crm-conversations-section.active,
#viewPatientModal #viewPatientModalBody .collapsible-section.active:has(#conversationsTableBody),
#editPatientModal #editPatientModalBody .collapsible-section.active:has(#conversationsTableBody),
#addPatientModal #addPatientModalBody .collapsible-section.active:has(#conversationsTableBody),
#addPatientModalIndex #addPatientModalIndexBody .collapsible-section.active:has(#conversationsTableBody),
#viewTreatmentModal .collapsible-section.active:has(#conversationsTableBody),
#editTreatmentModal .collapsible-section.active:has(#conversationsTableBody),
#addTreatmentModal .collapsible-section.active:has(#conversationsTableBody),
#viewTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody),
#editTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody),
#addTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody) {
    overflow: visible !important;
}

#viewPatientModal #viewPatientModalBody .crm-conversations-section.active > .section-content,
#editPatientModal #editPatientModalBody .crm-conversations-section.active > .section-content,
#viewPatientModal #viewPatientModalBody .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#editPatientModal #editPatientModalBody .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#addPatientModal #addPatientModalBody .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#addPatientModalIndex #addPatientModalIndexBody .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#viewTreatmentModal .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#editTreatmentModal .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#addTreatmentModal .collapsible-section.active:has(#conversationsTableBody) > .section-content,
#viewTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody) > .section-content,
#editTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody) > .section-content,
#addTreatmentModal .collapsible-section.active:has(#treatmentConversationsTableBody) > .section-content {
    max-height: none !important;
    overflow: visible !important;
}

#addConversationModal #patientReaction,
#addConversationModal #refusalReason,
#editConversationModal #editPatientReaction,
#editConversationModal #editRefusalReason,
.crm-conversation-modal textarea.crm-conv-extra-input,
#viewConversationModal .crm-conv-view-extras .crm-conv-view-field-text {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 5.5rem !important;
    height: auto !important;
    padding: 0.65rem 0.85rem !important;
    line-height: 1.55 !important;
    text-align: left !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    vertical-align: top !important;
}