/**
 * Prescription Review modal — light Newtons Chemist polish
 * (navy var(--theme-primary-color, #1f2a44) / green #bc9a4a). Layout stays WooPW’s; this only refines chrome.
 */

#practitioner-order-modal,
#practitioner-order-prescription-modal {
	--pm-navy: var(--theme-primary-color, #1f2a44);
	--pm-green: #bc9a4a;
	--pm-soft: #f4f6fb;
	--pm-border: #e2e8f0;
	--pm-muted: #5a6a8a;
}

#practitioner-order-modal.view-prescriptions .modal-dialog,
#practitioner-order-prescription-modal .modal-dialog {
	max-width: min(1180px, calc(100vw - 24px)) !important;
	width: 100% !important;
	margin: 1rem auto !important;
}

#practitioner-order-modal .modal-content,
#practitioner-order-prescription-modal .modal-content {
	border: 1px solid var(--pm-border) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 24px 48px rgba(30, 48, 123, 0.22) !important;
}

#practitioner-order-modal .modal-body {
	background: linear-gradient(180deg, #f7f9fc 0%, #f4f6fb 100%) !important;
	padding: 0 18px 22px !important;
}

#practitioner-order-modal .woo-practitioner-orders-wrapper,
#practitioner-order-modal .pm-prescription-review {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* Sticky header */
#practitioner-order-modal .pm-review-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 120 !important;
	margin: 0 -18px 16px !important;
	padding: 0 !important;
	background: #fff !important;
	border-bottom: 1px solid var(--pm-border) !important;
	box-shadow: 0 8px 20px rgba(30, 48, 123, 0.06) !important;
}

#practitioner-order-modal .pm-review-header::before {
	content: "" !important;
	display: block !important;
	height: 4px !important;
	background: linear-gradient(90deg, var(--pm-navy) 0%, var(--pm-green) 100%) !important;
}

#practitioner-order-modal .pm-review-header-inner {
	padding: 16px 20px !important;
	gap: 16px !important;
}

#practitioner-order-modal .pm-prescription-review .pm-header-title h3 {
	color: var(--pm-navy) !important;
	font-size: 1.2rem !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-prescription-review .status-badge {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

#practitioner-order-modal .pm-prescription-review .status-badge.awaiting {
	background: rgba(217, 119, 6, 0.14) !important;
	color: #9a3412 !important;
	border: 1px solid rgba(217, 119, 6, 0.25) !important;
}

#practitioner-order-modal .pm-prescription-review .status-badge.approved {
	background: rgba(188, 154, 74, 0.12) !important;
	color: #166534 !important;
	border: 1px solid rgba(188, 154, 74, 0.22) !important;
}

#practitioner-order-modal .pm-prescription-review .waiting-time {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	background: var(--pm-soft) !important;
	color: var(--pm-navy) !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
}

#practitioner-order-modal .pm-prescription-review .waiting-time i {
	color: var(--pm-green) !important;
}

/* Decline / Approve */
#practitioner-order-modal .pm-header-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

#practitioner-order-modal .pm-header-actions .btn,
#practitioner-order-modal .pm-header-actions a.btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	border-radius: 999px !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
	border: none !important;
	box-shadow: none !important;
}

#practitioner-order-modal .pm-header-actions .btn-danger,
#practitioner-order-modal .pm-header-actions a.btn-danger {
	background: #b42318 !important;
	color: #fff !important;
}

#practitioner-order-modal .pm-header-actions .btn-success,
#practitioner-order-modal .pm-header-actions a.btn-success {
	background: var(--pm-green) !important;
	color: #fff !important;
}

#practitioner-order-modal .pm-header-actions .btn-success:hover {
	background: var(--pm-navy) !important;
}

#practitioner-order-modal .pm-header-actions .theme-btn-secondary,
#practitioner-order-modal .pm-header-actions a.view-prescription {
	background: var(--pm-navy) !important;
	color: #fff !important;
	border-radius: 999px !important;
}

/* Shared cards */
#practitioner-order-modal .pm-prescription-review .card,
#practitioner-order-modal .pm-clinical-summary-card,
#practitioner-order-modal .patient-card,
#practitioner-order-modal .summary-card,
#practitioner-order-modal .pm-consultation-card,
#practitioner-order-modal .products-card,
#practitioner-order-modal .pm-notes-card {
	background: #fff !important;
	border: 1px solid var(--pm-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 22px rgba(30, 48, 123, 0.05) !important;
	overflow: hidden !important;
}

#practitioner-order-modal .pm-prescription-review .card-header,
#practitioner-order-modal .pm-consultation-card .card-header {
	margin: 0 !important;
	padding: 14px 16px !important;
	background: var(--pm-soft) !important;
	border: none !important;
	border-bottom: 1px solid var(--pm-border) !important;
	color: var(--pm-navy) !important;
	font-size: 0.95rem !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-prescription-review .card-body {
	padding: 16px !important;
}

/* Clinical summary */
#practitioner-order-modal .pm-clinical-summary-card {
	padding: 16px !important;
}

#practitioner-order-modal .pm-clinical-summary-header {
	margin-bottom: 14px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid var(--pm-border) !important;
}

#practitioner-order-modal .pm-clinical-summary-title h4 {
	color: var(--pm-navy) !important;
	font-size: 1.05rem !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-badge {
	padding: 5px 12px !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	border-radius: 999px !important;
}

#practitioner-order-modal .pm-badge-success {
	background: rgba(188, 154, 74, 0.12) !important;
	color: #166534 !important;
}

#practitioner-order-modal .pm-badge-info {
	background: rgba(30, 48, 123, 0.1) !important;
	color: var(--pm-navy) !important;
}

#practitioner-order-modal .pm-summary-item {
	padding: 14px !important;
	border-radius: 14px !important;
	border: 1px solid transparent !important;
}

#practitioner-order-modal .pm-summary-success {
	background: #f3fbf5 !important;
	border-color: #d8f0df !important;
}

#practitioner-order-modal .pm-summary-info {
	background: var(--pm-soft) !important;
	border-color: var(--pm-border) !important;
}

#practitioner-order-modal .pm-summary-warning {
	background: #fff5f5 !important;
	border-color: #f5d0d0 !important;
}

#practitioner-order-modal .pm-summary-item strong {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-summary-item p {
	color: var(--pm-muted) !important;
	margin: 0 !important;
}

/* Patient details */
#practitioner-order-modal .patient-card .patient-body,
#practitioner-order-modal .patient-body {
	padding: 14px 16px 16px !important;
	box-sizing: border-box !important;
}

#practitioner-order-modal .patient-header {
	padding: 14px 16px !important;
	background: var(--pm-soft) !important;
	border-bottom: 1px solid var(--pm-border) !important;
}

#practitioner-order-modal .patient-title {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .patient-title i,
#practitioner-order-modal .patient-row .label i {
	color: var(--pm-green) !important;
}

#practitioner-order-modal .verified-badge {
	background: rgba(188, 154, 74, 0.12) !important;
	color: #166534 !important;
	border: 1px solid rgba(188, 154, 74, 0.22) !important;
	font-weight: 800 !important;
	border-radius: 999px !important;
	padding: 4px 10px !important;
}

#practitioner-order-modal .patient-row {
	padding: 12px 0 !important;
	border-bottom: 1px solid #eef2f6 !important;
}

#practitioner-order-modal .patient-row .label {
	color: var(--pm-muted) !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .patient-row .value {
	color: var(--pm-navy) !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .patient-row .value a {
	color: var(--pm-green) !important;
	text-decoration: none !important;
}

#practitioner-order-modal .pm-id-verification {
	margin-top: 8px !important;
	padding: 14px !important;
	background: var(--pm-soft) !important;
	border: 1px solid var(--pm-border) !important;
	border-radius: 14px !important;
	box-sizing: border-box !important;
}

#practitioner-order-modal .pm-id-header {
	margin: 0 0 12px !important;
	color: var(--pm-navy) !important;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-id-body {
	padding: 12px !important;
	background: #fff !important;
	border: 1px solid var(--pm-border) !important;
	border-radius: 12px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

#practitioner-order-modal .pm-id-body .zoomed-view,
#practitioner-order-modal .pm-id-body a.zoomed-view {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: none !important;
	border-radius: 10px !important;
	background: transparent !important;
	overflow: hidden !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: inherit !important;
}

#practitioner-order-modal .pm-id-body img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 220px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
	object-position: center !important;
	border-radius: 10px !important;
	border: 1px solid var(--pm-border) !important;
	background: #fff !important;
}

#practitioner-order-modal .pm-id-placeholder {
	opacity: 0.85 !important;
}

#practitioner-order-modal .pm-id-placeholder img {
	max-height: 160px !important;
}

/* Real buttons only — do not style the ID image link as a pill */
#practitioner-order-modal .pm-id-body a.btn,
#practitioner-order-modal .pm-id-body .btn,
#practitioner-order-modal a.btn-outline-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 36px !important;
	padding: 8px 14px !important;
	border-radius: 999px !important;
	background: var(--pm-navy) !important;
	border: none !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.82rem !important;
	text-decoration: none !important;
}

@media (max-width: 767px) {
	#practitioner-order-modal .pm-id-verification {
		margin-top: 10px !important;
		padding: 12px !important;
		border-radius: 12px !important;
	}

	#practitioner-order-modal .pm-id-header {
		margin-bottom: 10px !important;
		font-size: 0.88rem !important;
	}

	#practitioner-order-modal .pm-id-body {
		padding: 10px !important;
	}

	#practitioner-order-modal .pm-id-body img {
		max-height: 200px !important;
	}
}

/* Summary Care Record */
#practitioner-order-modal .summary-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 12px 14px !important;
	border-radius: 999px !important;
	border: 1.5px solid var(--pm-border) !important;
	background: var(--pm-soft) !important;
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

#practitioner-order-modal .summary-btn:hover {
	background: var(--pm-navy) !important;
	border-color: var(--pm-navy) !important;
	color: #fff !important;
}

#practitioner-order-modal .summary-btn i {
	color: var(--pm-green) !important;
}

#practitioner-order-modal .summary-btn:hover i {
	color: #fff !important;
}

/* Products */
#practitioner-order-modal .products-header {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .products-table,
#practitioner-order-modal .products-table-row {
	background: var(--pm-soft) !important;
	border: 1px solid var(--pm-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

#practitioner-order-modal .qty-badge {
	background: rgba(30, 48, 123, 0.1) !important;
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

/* Consultation accordion */
#practitioner-order-modal .pm-consultation-card .card-header strong {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-consultation-label {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-consultation-accordion .accordion-item {
	border: 1px solid var(--pm-border) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	margin-bottom: 10px !important;
}

#practitioner-order-modal .pm-consultation-accordion .accordion-button {
	background: #fff !important;
	color: var(--pm-navy) !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

#practitioner-order-modal .pm-consultation-accordion .accordion-button:not(.collapsed) {
	background: var(--pm-soft) !important;
	border-bottom: 1px solid var(--pm-border) !important;
}

#practitioner-order-modal .pm-acc-pill {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	background: rgba(188, 154, 74, 0.12) !important;
	border: 1px solid rgba(188, 154, 74, 0.22) !important;
	color: #166534 !important;
	font-size: 0.78rem !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-acc-date {
	color: var(--pm-muted) !important;
	font-weight: 600 !important;
}

/* Consultation Q&A rows */
#practitioner-order-modal .prescription-patient-data.patient-consultation,
#practitioner-order-modal .patient-consultation {
	border: 1px solid var(--pm-border) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #fff !important;
}

#practitioner-order-modal .prescription-patient-data.patient-consultation .patient-row,
#practitioner-order-modal .patient-consultation .patient-row {
	padding: 14px 16px !important;
	border-bottom: 1px solid var(--pm-border) !important;
	background: #fff !important;
}

#practitioner-order-modal .prescription-patient-data.patient-consultation .patient-row:nth-child(odd),
#practitioner-order-modal .patient-consultation .patient-row:nth-child(odd) {
	background: #fafbfd !important;
}

#practitioner-order-modal .prescription-patient-data.patient-consultation .patient-row:last-child,
#practitioner-order-modal .patient-consultation .patient-row:last-child {
	border-bottom: none !important;
}

#practitioner-order-modal .q-field-label,
#practitioner-order-modal .q-field-label p,
#practitioner-order-modal .patient-consultation .label {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
	margin-bottom: 4px !important;
}

#practitioner-order-modal .child-description,
#practitioner-order-modal .child-description p,
#practitioner-order-modal .patient-consultation .value {
	color: var(--pm-muted) !important;
	font-weight: 600 !important;
}

#practitioner-order-modal .patient-consultation .fa-check-circle,
#practitioner-order-modal .patient-consultation .fa-check,
#practitioner-order-modal .q-field-label .fa-check-circle {
	color: var(--pm-green) !important;
}

/* GP details */
#practitioner-order-modal .gp-details,
#practitioner-order-modal .pm-gp-details,
#practitioner-order-modal [class*="gp"] .patient-row {
	color: var(--pm-navy);
}

#practitioner-order-modal .gp-details .label,
#practitioner-order-modal .pm-gp-details .label {
	color: var(--pm-muted) !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .gp-details .value,
#practitioner-order-modal .pm-gp-details .value {
	color: var(--pm-navy) !important;
	font-weight: 700 !important;
}

/* Consultation answers */
#practitioner-order-modal .pm-answer-row,
#practitioner-order-modal .user-sub-detail,
#practitioner-order-modal .user-submission {
	color: var(--pm-muted) !important;
	font-weight: 600 !important;
}

#practitioner-order-modal .patient-group-header {
	padding: 12px 14px !important;
	background: var(--pm-soft) !important;
	border-bottom: 1px solid var(--pm-border) !important;
}

#practitioner-order-modal .patient-group-title-text {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .q-field-label .fa-check-circle-o,
#practitioner-order-modal .q-field-label .fa-check-circle {
	color: var(--pm-green) !important;
	margin-right: 6px !important;
}

/* Uploaded images */
#practitioner-order-modal .patient-images-card,
#practitioner-order-modal .uploaded-images,
#practitioner-order-modal .pm-uploaded-images,
#practitioner-order-modal .patient-images {
	border: 1px solid var(--pm-border) !important;
	border-radius: 16px !important;
	background: #fff !important;
	overflow: hidden !important;
}

#practitioner-order-modal .patient-images-header {
	padding: 14px 16px !important;
	background: var(--pm-soft) !important;
	border-bottom: 1px solid var(--pm-border) !important;
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .patient-images-header .image-count {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 26px !important;
	height: 26px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	background: rgba(30, 48, 123, 0.1) !important;
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
	font-size: 0.78rem !important;
}

#practitioner-order-modal .patient-images-body {
	padding: 14px 16px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

#practitioner-order-modal .patient-image-item {
	flex: 1 1 140px !important;
	max-width: 180px !important;
}

#practitioner-order-modal .patient-images-card img,
#practitioner-order-modal .uploaded-images img,
#practitioner-order-modal .pm-uploaded-images img,
#practitioner-order-modal .patient-images img {
	width: 100% !important;
	height: auto !important;
	border-radius: 12px !important;
	border: 1px solid var(--pm-border) !important;
	background: #fff !important;
	object-fit: cover !important;
}

#practitioner-order-modal .image-label {
	margin-top: 6px !important;
	color: var(--pm-muted) !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

/* Notes / Add Note */
#practitioner-order-modal .pm-notes-header {
	padding: 14px 16px !important;
	background: var(--pm-soft) !important;
	border-bottom: 1px solid var(--pm-border) !important;
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
}

#practitioner-order-modal .pm-notes-list {
	padding: 14px 16px !important;
}

#practitioner-order-modal .pm-notes-date {
	margin: 10px 0 8px !important;
	color: var(--pm-muted) !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .pm-note-item {
	margin-bottom: 10px !important;
	padding: 12px 14px !important;
	border: 1px solid var(--pm-border) !important;
	border-radius: 12px !important;
	background: #fff !important;
}

#practitioner-order-modal .pm-note-role {
	color: var(--pm-navy) !important;
	font-weight: 800 !important;
	font-size: 0.82rem !important;
}

#practitioner-order-modal .pm-notes-empty {
	padding: 16px !important;
	border-radius: 12px !important;
	background: var(--pm-soft) !important;
	color: var(--pm-muted) !important;
	font-weight: 600 !important;
	text-align: center !important;
}

#practitioner-order-modal .pm-notes-add,
#practitioner-order-modal .order-note-form,
#practitioner-order-modal .pm-note-form {
	padding: 16px !important;
	background: #fff !important;
	border-top: 1px solid var(--pm-border) !important;
}

#practitioner-order-modal .pm-notes-add .wp-editor-wrap,
#practitioner-order-modal .pm-notes-add .wp-editor-container,
#practitioner-order-modal .pm-notes-add .mce-tinymce,
#practitioner-order-modal .pm-notes-add .mce-panel {
	border: 1.5px solid var(--pm-border) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

#practitioner-order-modal .pm-notes-add .mce-toolbar,
#practitioner-order-modal .pm-notes-add .mce-statusbar {
	background: var(--pm-soft) !important;
	border-color: var(--pm-border) !important;
}

#practitioner-order-modal .pm-notes-add .mce-edit-area,
#practitioner-order-modal .pm-notes-add iframe {
	background: #fff !important;
}

/* Notes file upload — same dropzone as registration / ID upload */
#practitioner-order-modal .pm-notes-dropzone,
#practitioner-order-modal .pm-notes-add .pm-id-dropzone {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 14px !important;
	padding: 20px 18px 18px !important;
	border: 1.5px dashed rgba(30, 48, 123, 0.35) !important;
	border-radius: 16px !important;
	background: var(--pm-soft) !important;
	box-sizing: border-box !important;
	position: relative !important;
}

#practitioner-order-modal .pm-notes-dropzone.has-file {
	border-color: rgba(188, 154, 74, 0.45) !important;
	background: rgba(188, 154, 74, 0.06) !important;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-dropzone-icon {
	width: 36px;
	height: 36px;
	color: var(--pm-navy);
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-dropzone-icon svg {
	width: 36px;
	height: 36px;
	display: block;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-dropzone-title {
	color: var(--pm-navy) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-dropzone-hint {
	margin: 4px 0 0 !important;
	color: var(--pm-muted) !important;
	font-size: 0.88rem !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-choose {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 8px 22px !important;
	border: none !important;
	border-radius: 999px !important;
	background: var(--pm-navy) !important;
	color: #fff !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-choose:hover {
	background: var(--pm-green) !important;
	color: #fff !important;
}

#practitioner-order-modal .pm-notes-dropzone .pm-id-filename {
	color: var(--pm-muted) !important;
	font-size: 0.88rem !important;
	font-weight: 500 !important;
}

#practitioner-order-modal .pm-notes-dropzone.has-file .pm-id-filename {
	color: var(--pm-navy) !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .pm-notes-dropzone input.pm-note-file,
#practitioner-order-modal .pm-notes-dropzone input[type="file"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	pointer-events: none !important;
}

#practitioner-order-modal .pm-notes-add > small.text-muted {
	display: none !important;
}

#practitioner-order-modal .pm-add-note-btn,
#practitioner-order-modal button.pm-add-note-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 48px !important;
	margin-top: 14px !important;
	padding: 12px 18px !important;
	border: none !important;
	border-radius: 999px !important;
	background: var(--pm-green) !important;
	color: #fff !important;
	font-size: 0.95rem !important;
	font-weight: 800 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

#practitioner-order-modal .pm-add-note-btn:hover {
	background: var(--pm-navy) !important;
	color: #fff !important;
}

#practitioner-order-modal .pm-note-success {
	margin: 12px 16px 16px !important;
	padding: 12px 14px !important;
	border-radius: 12px !important;
	background: rgba(188, 154, 74, 0.12) !important;
	border: 1px solid rgba(188, 154, 74, 0.22) !important;
	color: #166534 !important;
	font-weight: 700 !important;
}

#practitioner-order-modal .alert,
#practitioner-order-modal .pm-history-empty,
#practitioner-order-modal .no-prescription-history {
	border-radius: 12px !important;
	border: 1px solid rgba(217, 119, 6, 0.28) !important;
	background: #fff8eb !important;
	color: #9a3412 !important;
	font-weight: 600 !important;
}

@media (max-width: 991px) {
	#practitioner-order-modal .modal-dialog,
	#practitioner-order-modal.view-prescriptions .modal-dialog {
		max-width: calc(100vw - 12px) !important;
		width: 100% !important;
		margin: 0.5rem auto !important;
	}

	#practitioner-order-modal .modal-content {
		border-radius: 14px !important;
	}

	#practitioner-order-modal .modal-body {
		padding: 0 12px 18px !important;
		max-height: calc(100vh - 24px) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#practitioner-order-modal .pm-review-header {
		margin-left: -12px !important;
		margin-right: -12px !important;
	}

	/* Force single column — no half-width leftover brown gutter */
	#practitioner-order-modal .pm-prescription-review,
	#practitioner-order-modal .pm-prescription-review.row,
	#practitioner-order-modal .prescription-review-layout,
	#practitioner-order-modal .prescription-review-layout > .row {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#practitioner-order-modal .pm-prescription-review [class*="col-"],
	#practitioner-order-modal .prescription-review-layout [class*="col-"],
	#practitioner-order-modal .pm-prescription-review .col-lg-8,
	#practitioner-order-modal .pm-prescription-review .col-lg-4,
	#practitioner-order-modal .pm-prescription-review .col-md-12,
	#practitioner-order-modal .pm-prescription-review .col-12 {
		display: block !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#practitioner-order-modal .pm-clinical-summary-card,
	#practitioner-order-modal .patient-card,
	#practitioner-order-modal .summary-card,
	#practitioner-order-modal .pm-consultation-card,
	#practitioner-order-modal .products-card,
	#practitioner-order-modal .pm-notes-card,
	#practitioner-order-modal .patient-images-card,
	#practitioner-order-modal .pm-history-card,
	#practitioner-order-modal .pm-gp-card,
	#practitioner-order-modal .pm-medical-history-card {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 767px) {
	#practitioner-order-modal .pm-review-header-inner {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 12px 14px !important;
		gap: 12px !important;
	}

	#practitioner-order-modal .pm-prescription-review .pm-header-title h3 {
		font-size: 1.05rem !important;
		line-height: 1.3 !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	#practitioner-order-modal .pm-header-actions {
		width: 100% !important;
	}

	#practitioner-order-modal .pm-header-actions .btn,
	#practitioner-order-modal .pm-header-actions a.btn {
		flex: 1 1 calc(50% - 5px) !important;
		min-height: 46px !important;
	}

	#practitioner-order-modal .patient-card .patient-body,
	#practitioner-order-modal .patient-body {
		padding: 12px 14px 14px !important;
	}

	#practitioner-order-modal .patient-row,
	#practitioner-order-modal .pm-gp-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 4px !important;
	}

	#practitioner-order-modal .patient-row .value,
	#practitioner-order-modal .pm-gp-row .value {
		text-align: left !important;
		max-width: 100% !important;
		width: 100% !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	/* Clinical summary */
	#practitioner-order-modal .pm-clinical-summary-card {
		padding: 14px !important;
		border-radius: 14px !important;
	}

	#practitioner-order-modal .pm-clinical-summary-header {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	#practitioner-order-modal .pm-clinical-summary-title h4 {
		font-size: 1rem !important;
		line-height: 1.3 !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	#practitioner-order-modal .pm-summary-item {
		padding: 12px !important;
	}

	#practitioner-order-modal .pm-summary-item strong,
	#practitioner-order-modal .pm-summary-item p {
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	/* Products */
	#practitioner-order-modal .products-card,
	#practitioner-order-modal .pm-prescription-review .products-card {
		padding: 14px !important;
	}

	#practitioner-order-modal .products-table-row,
	#practitioner-order-modal .product-info {
		flex-wrap: wrap !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#practitioner-order-modal .product-name,
	#practitioner-order-modal .product-dosage {
		word-break: normal !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
	}

	/* Consultation accordion + Q&A */
	#practitioner-order-modal .pm-consultation-card .card-body,
	#practitioner-order-modal .pm-consultation-accordion .accordion-body {
		padding: 12px !important;
	}

	#practitioner-order-modal .pm-consultation-accordion .accordion-button {
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		padding: 12px 40px 12px 12px !important;
		gap: 8px !important;
		white-space: normal !important;
	}

	#practitioner-order-modal .pm-acc-pill,
	#practitioner-order-modal .pm-acc-date {
		white-space: normal !important;
		max-width: 100% !important;
	}

	#practitioner-order-modal .patient-group-header,
	#practitioner-order-modal .patient-group-title,
	#practitioner-order-modal .pm-consultation-accordion .patient-group-header,
	#practitioner-order-modal .pm-consultation-accordion .patient-group-title {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#practitioner-order-modal .patient-group-title-text,
	#practitioner-order-modal .patient-group-header,
	#practitioner-order-modal .woopw-consultation-group {
		width: 100% !important;
		max-width: 100% !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
	}

	#practitioner-order-modal .prescription-patient-data.patient-consultation,
	#practitioner-order-modal .patient-consultation {
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	#practitioner-order-modal .prescription-patient-data.patient-consultation .patient-row,
	#practitioner-order-modal .patient-consultation .patient-row,
	#practitioner-order-modal .q-label,
	#practitioner-order-modal .q-label.parent,
	#practitioner-order-modal .pm-answer-row {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	#practitioner-order-modal .q-field-label,
	#practitioner-order-modal .q-field-label p,
	#practitioner-order-modal .user-sub-detail,
	#practitioner-order-modal .user-submission,
	#practitioner-order-modal .child-description,
	#practitioner-order-modal .child-description p,
	#practitioner-order-modal .pm-answer-row,
	#practitioner-order-modal .patient-consultation .label,
	#practitioner-order-modal .patient-consultation .value {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
		box-sizing: border-box !important;
	}

	/* Keep values like "69 kg" on one line when possible */
	#practitioner-order-modal .user-sub-detail,
	#practitioner-order-modal .user-submission,
	#practitioner-order-modal .child-description {
		white-space: normal !important;
	}

	#practitioner-order-modal .user-sub-detail sup,
	#practitioner-order-modal .child-description sup,
	#practitioner-order-modal .user-sub-detail small,
	#practitioner-order-modal .child-description small {
		display: inline !important;
		font-size: 0.85em !important;
		vertical-align: baseline !important;
		line-height: inherit !important;
	}

	#practitioner-order-modal .pm-notes-dropzone,
	#practitioner-order-modal .pm-notes-add .pm-id-dropzone {
		padding: 16px 14px !important;
		border-radius: 14px !important;
	}

	#practitioner-order-modal .pm-notes-dropzone .pm-id-choose {
		width: 100% !important;
		justify-content: center !important;
	}

	#practitioner-order-modal .pm-id-verification {
		margin-top: 10px !important;
		padding: 12px !important;
		border-radius: 12px !important;
	}

	#practitioner-order-modal .pm-id-header {
		margin-bottom: 10px !important;
		font-size: 0.88rem !important;
	}

	#practitioner-order-modal .pm-id-body {
		padding: 10px !important;
	}

	#practitioner-order-modal .pm-id-body img {
		max-height: 200px !important;
	}
}