/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--ctm-font-sans: "Inter", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ctm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	--ctm-fs-3xs: 9.5px;
	--ctm-fs-2xs: 10px;
	--ctm-fs-xs: 11px;
	--ctm-fs-sm: 12px;
	--ctm-fs-sm-plus: 12.5px;
	--ctm-fs-md: 13px;
	--ctm-fs-md-plus: 13.5px;
	--ctm-fs-base: 14px;
	--ctm-fs-base-plus: 14.5px;
	--ctm-fs-lg: 15px;
	--ctm-fs-xl: 16px;
	--ctm-fs-xl-plus: 17px;
	--ctm-fs-2xl: 18px;
	--ctm-fs-2xl-plus: 19px;
	--ctm-fs-3xl: 20px;
	--ctm-fs-4xl: 22px;
	--ctm-fs-5xl: 24px;
	--ctm-fs-6xl: 28px;
	--ctm-font-size-base: var(--ctm-fs-lg);
	--ctm-line-height-base: 1.5;
	--ctm-color-brand: #7752bd;
	--ctm-color-brand-subtle: #f1ecf9;
	--ctm-color-brand-hover: #5f3fa3;
	--ctm-color-brand-fg: #ffffff;
	--ctm-color-bg: #f3f4f6;
	--ctm-color-bg-soft: #f8fafc;
	--ctm-color-surface: #ffffff;
	--ctm-color-surface-muted: #f9fafb;
	--ctm-color-text: #1f2937;
	--ctm-color-text-strong: #0f172a;
	--ctm-color-text-muted: #64748b;
	--ctm-color-text-soft: #94a3b8;
	--ctm-color-border: rgba(15, 23, 42, 0.1);
	--ctm-color-border-subtle: rgba(15, 23, 42, 0.06);
	--ctm-color-border-strong: rgba(15, 23, 42, 0.18);
	--ctm-color-success: #059669;
	--ctm-color-success-bg: #ecfdf5;
	--ctm-color-warning: #d97706;
	--ctm-color-warning-bg: #fffbeb;
	--ctm-color-danger: #dc2626;
	--ctm-color-danger-bg: #fef2f2;
	--ctm-radius-sm: 8px;
	--ctm-radius-md: 12px;
	--ctm-radius-lg: 16px;
	--ctm-radius-xl: 20px;
	--ctm-radius-pill: 999px;
	--ctm-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
	--ctm-shadow-card: 0 4px 12px rgba(15, 23, 42, 0.06);
	--ctm-shadow-raised: 0 14px 32px rgba(15, 23, 42, 0.1);
	--ctm-shadow-brand: 0 10px 22px rgba(119, 82, 189, 0.18);
	--ctm-duration-fast: 140ms;
	--ctm-duration-base: 180ms;
	--ctm-ease-out: cubic-bezier(0, 0, 0.2, 1);
	--color-brand: var(--ctm-color-brand);
	--color-brand-subtle: var(--ctm-color-brand-subtle);
	--color-brand-hover: var(--ctm-color-brand-hover);
	--color-brand-fg: var(--ctm-color-brand-fg);
	--surface: var(--ctm-color-surface);
	--bg-subtle: var(--ctm-color-bg-soft);
	--border: var(--ctm-color-border);
	--border-focus: var(--ctm-color-brand);
	--text-primary: var(--ctm-color-text-strong);
	--text-secondary: var(--ctm-color-text-muted);
	--shadow-xs: var(--ctm-shadow-xs);
	--shadow-brand: var(--ctm-shadow-brand);
}


.dark {
	--ctm-color-bg: #111827;
	--ctm-color-bg-soft: #182033;
	--ctm-color-surface: #0f172a;
	--ctm-color-surface-muted: #111827;
	--ctm-color-text: #e5e7eb;
	--ctm-color-text-strong: #f8fafc;
	--ctm-color-text-muted: #cbd5e1;
	--ctm-color-text-soft: #94a3b8;
	--ctm-color-border: rgba(255, 255, 255, 0.12);
	--ctm-color-border-subtle: rgba(255, 255, 255, 0.08);
	--ctm-color-border-strong: rgba(255, 255, 255, 0.2);
}

html {
	font-size: var(--ctm-font-size-base);
}

body,
button,
input,
select,
textarea {
	font-family: var(--ctm-font-sans);
	font-size: var(--ctm-font-size-base);
	line-height: var(--ctm-line-height-base);
}

code,
pre,
kbd,
samp {
	font-family: var(--ctm-font-mono);
}

#brx-content :where(
	.ctm-plan-board,
	.ctm-stage-analize-files,
	.ctm-regim-notif,
	.ctm-regim-notif-counter,
	.ctm-recom-chat,
	.ctm-private-notes,
	.ctm-chat-notifications,
	.ctm-chat-notifications-badge,
	.ctm-doctor-notifications,
	.ctm-doctor-notifications-badge,
	.ctm-medic-notifications-badge,
	.ctm-post-form-offer,
	.ctm-stage-files-root,
	.ctm-stage-aggregate,
	.ctm-medical-posts,
	.ctm-orders-adult,
	.ctm-pacienti-toolbar
) {
	font-family: var(--ctm-font-sans);
}

#brx-content :where(
	.ctm-plan-board,
	.ctm-stage-analize-files,
	.ctm-regim-notif,
	.ctm-recom-chat,
	.ctm-private-notes,
	.ctm-chat-notifications,
	.ctm-doctor-notifications,
	.ctm-medical-posts,
	.ctm-orders-adult,
	.ctm-pacienti-toolbar,
	.ctm-post-form-offer,
	.ctm-stage-files-root,
	.ctm-stage-aggregate
),
#brx-content :where(
	.ctm-plan-board,
	.ctm-stage-analize-files,
	.ctm-regim-notif,
	.ctm-recom-chat,
	.ctm-private-notes,
	.ctm-chat-notifications,
	.ctm-doctor-notifications,
	.ctm-medical-posts,
	.ctm-orders-adult,
	.ctm-pacienti-toolbar,
	.ctm-post-form-offer,
	.ctm-stage-files-root,
	.ctm-stage-aggregate
) * {
	box-sizing: border-box;
}

#brx-content :where(
	.ctm-plan-board,
	.ctm-chat-notifications,
	.ctm-doctor-notifications,
	.ctm-orders-adult,
	.ctm-stage-files-root,
	.ctm-stage-aggregate-section,
	.ctm-post-form-offer
) {
	color: var(--ctm-color-text);
}

#brx-content :where(
	.ctm-plan-diagnostic,
	.ctm-plan-pack-card,
	.ctm-chat-notifications,
	.ctm-doctor-notifications,
	.ctm-stage-files-root,
	.ctm-stage-aggregate-section,
	.ctm-post-form-offer,
	.modern-item
) {
	background: var(--ctm-color-surface);
	border-color: var(--ctm-color-border-subtle);
	border-radius: var(--ctm-radius-lg);
	box-shadow: var(--ctm-shadow-card);
}

#brx-content :where(
	.ctm-plan-board h1,
	.ctm-plan-board h2,
	.ctm-plan-board h3,
	.ctm-plan-board h4,
	.ctm-chat-notifications-title,
	.ctm-doctor-notifications-title,
	.ctm-orders-section-title,
	.ctm-post-form-offer-title
) {
	color: var(--ctm-color-text-strong);
	letter-spacing: 0;
	text-wrap: balance;
}

#brx-content :where(
	.ctm-plan-subtitle,
	.ctm-plan-pack-meta,
	.ctm-chat-notifications-sub,
	.ctm-chat-notification-preview,
	.ctm-chat-notification-meta,
	.ctm-doctor-notifications-sub,
	.ctm-doctor-notification-body p,
	.ctm-doctor-notification-date,
	.ctm-orders-section-note,
	.ctm-orders-count,
	.ctm-orders-empty-search,
	.ctm-post-form-offer-text,
	.ctm-post-form-offer-disclaimer,
	.ctm-stage-files-meta-text
) {
	color: var(--ctm-color-text-muted);
}

#brx-content :where(
	.ctm-plan-count,
	.ctm-plan-new-pack,
	.ctm-chat-notification-unread,
	.ctm-chat-notifications-badge,
	.ctm-doctor-notifications-badge,
	.ctm-medic-notifications-badge,
	.ctm-doctor-notification-dot,
	.ctm-stage-files-count,
	.ctm-stage-files-badge,
	.ctm-post-form-offer-category
) {
	font-variant-numeric: tabular-nums;
}

#brx-content :where(
	.ctm-plan-count,
	.ctm-plan-new-pack,
	.ctm-avatar,
	.ctm-stage-files-count,
	.ctm-stage-files-badge,
	.ctm-post-form-offer-category
) {
	background: var(--ctm-color-brand-subtle);
	color: var(--ctm-color-brand);
	border-color: color-mix(in srgb, var(--ctm-color-brand) 18%, transparent);
}

#brx-content :where(
	.ctm-chat-notification-unread,
	.ctm-chat-notifications-badge,
	.ctm-doctor-notifications-badge,
	.ctm-medic-notifications-badge,
	.ctm-doctor-notification-dot
) {
	background: var(--ctm-color-brand);
	color: var(--ctm-color-brand-fg);
}

#brx-content :where(
	a.ctm-post-form-offer-button,
	.ctm-plan-board button,
	.ctm-orders-adult button,
	.ctm-orders-adult [role="link"],
	.ctm-chat-notification-item,
	.ctm-doctor-notifications button,
	.ctm-doctor-notifications a,
	.ctm-stage-files-upload,
	.ctm-stage-files-delete
) {
	transition:
		background-color var(--ctm-duration-base) var(--ctm-ease-out),
		border-color var(--ctm-duration-base) var(--ctm-ease-out),
		color var(--ctm-duration-base) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-base) var(--ctm-ease-out),
		opacity var(--ctm-duration-base) var(--ctm-ease-out);
}

#brx-content :where(
	a.ctm-post-form-offer-button,
	.ctm-plan-new-pack,
	.ctm-doctor-notifications-mark-all,
	.ctm-doctor-notification-read,
	.ctm-doctor-notification-open,
	.ctm-stage-files-upload
) {
	min-height: 44px;
	border-radius: var(--ctm-radius-md);
	font-weight: 700;
}

#brx-content :where(a.ctm-post-form-offer-button) {
	background: var(--ctm-color-brand);
	border-color: var(--ctm-color-brand);
	color: var(--ctm-color-brand-fg);
	box-shadow: none;
}

#brx-content :where(a.ctm-post-form-offer-button:hover) {
	background: var(--ctm-color-brand-hover);
	border-color: var(--ctm-color-brand-hover);
	color: var(--ctm-color-brand-fg);
	box-shadow: var(--ctm-shadow-brand);
}

#brx-content :where(
	.ctm-plan-board button:hover,
	.ctm-orders-adult button:hover,
	.ctm-doctor-notifications button:hover,
	.ctm-doctor-notifications a:hover,
	.ctm-stage-files-upload:hover
) {
	transform: none;
}

#brx-content :where(
	a.ctm-post-form-offer-button:focus-visible,
	.ctm-plan-board button:focus-visible,
	.ctm-orders-adult button:focus-visible,
	.ctm-orders-adult [role="link"]:focus-visible,
	.ctm-chat-notification-item:focus-visible,
	.ctm-doctor-notifications button:focus-visible,
	.ctm-doctor-notifications a:focus-visible,
	.ctm-stage-files-upload:focus-visible,
	.ctm-stage-files-delete:focus-visible
) {
	outline: 2px solid var(--ctm-color-brand);
	outline-offset: 2px;
}

#brx-content :where(.ctm-chat-notifications-head, .ctm-doctor-notifications-head) {
	background: var(--ctm-color-bg-soft);
	border-color: var(--ctm-color-border-subtle);
}

#brx-content :where(.ctm-chat-notifications-search, .ctm-orders-search-wrap input) {
	min-height: 44px;
	border-color: var(--ctm-color-border);
	border-radius: var(--ctm-radius-md);
	background: var(--ctm-color-surface);
	color: var(--ctm-color-text-strong);
}

#brx-content :where(.ctm-chat-notifications-search:focus, .ctm-orders-search-wrap input:focus) {
	border-color: var(--ctm-color-brand);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ctm-color-brand) 18%, transparent);
}

#brx-content :where(.ctm-chat-notification-item:hover, .modern-item:hover) {
	background: var(--ctm-color-brand-subtle);
	border-color: color-mix(in srgb, var(--ctm-color-brand) 18%, transparent);
}

#brx-content :where(.modern-header) {
	color: var(--ctm-color-brand);
	font-variant-numeric: tabular-nums;
}

#brx-content :where(.modern-item.is-unassigned) {
	background: var(--ctm-color-warning-bg);
	border-color: color-mix(in srgb, var(--ctm-color-warning) 24%, transparent);
}

#brx-content :where(.ctm-orders-warning) {
	background: var(--ctm-color-warning-bg);
	color: var(--ctm-color-warning);
}

#brx-content :where(.m-price, .ctm-post-form-offer-price) {
	color: var(--ctm-color-brand);
	font-variant-numeric: tabular-nums;
}

#brx-content :where(.ctm-stage-files-root) {
	overflow: hidden;
}

#brx-content :where(.ctm-stage-files-item, .ctm-plan-pack-card.is-next-payable, .ctm-plan-pack-card.is-locked-future) {
	background: #fff;
	border-color: var(--ctm-color-border-subtle);
}

#brx-content :where(.ctm-stage-files-delete) {
	color: var(--ctm-color-danger);
	background: var(--ctm-color-surface);
}

#brx-content :where(.ctm-stage-files-delete:hover) {
	background: var(--ctm-color-danger-bg);
}

#brx-content :where(.ctm-doctor-notification-item.is-unread) {
	background: var(--ctm-color-brand-subtle);
}

#brx-content :where(.ctm-doctor-notification-icon) {
	background: var(--ctm-color-brand-subtle);
	color: var(--ctm-color-brand);
}

#brx-content :where(.ctm-doctor-notification-item.is-success .ctm-doctor-notification-icon) {
	background: var(--ctm-color-success-bg);
	color: var(--ctm-color-success);
}

#brx-content :where(.ctm-doctor-notification-item.is-warning .ctm-doctor-notification-icon) {
	background: var(--ctm-color-warning-bg);
	color: var(--ctm-color-warning);
}

#brx-content :where(.ctm-doctor-notifications-empty, .ctm-chat-notifications-empty, .ctm-orders-empty-search) {
	background: var(--ctm-color-bg-soft);
	border-radius: var(--ctm-radius-lg);
}

#brx-content :where([role="tab"], .tab-title, .brxe-tabs-nested .tab-title, .brxe-tabs .tab-title) {
	min-height: 44px;
	border-radius: var(--ctm-radius-pill);
	transition:
		background-color var(--ctm-duration-base) var(--ctm-ease-out),
		border-color var(--ctm-duration-base) var(--ctm-ease-out),
		color var(--ctm-duration-base) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-base) var(--ctm-ease-out);
}

#brx-content :where([role="tab"][aria-selected="true"], .tab-title.brx-open, .tab-title.active, .tab-title.is-active) {
	background: var(--ctm-color-brand);
	color: var(--ctm-color-brand-fg);
	border-color: var(--ctm-color-brand);
}

@media (max-width: 768px) {
	#brx-content :where(.brx-grid) {
		grid-template-columns: minmax(0, 1fr);
	}

	#brx-content :where(.brxe-container, .brxe-section, .brxe-block, .brxe-div, .brxe-shortcode) {
		max-width: 100%;
		min-width: 0;
	}

	#brx-content :where(.brxe-heading, .brxe-text, .brxe-text-basic, .brxe-block) {
		overflow-wrap: anywhere;
	}

	#brx-content :where(
		.ctm-plan-board,
		.ctm-chat-notifications,
		.ctm-doctor-notifications,
		.ctm-orders-adult,
		.ctm-stage-files-root,
		.ctm-stage-aggregate-section,
		.ctm-post-form-offer
	) {
		border-radius: var(--ctm-radius-md);
	}

	#brx-content :where(.modern-item) {
		box-shadow: var(--ctm-shadow-card);
	}
}

/* PediClinique dashboard shell - matches the approved reference design */
body.brx-header-left {
	background: var(--ctm-color-bg);
	color: var(--ctm-color-text);
}

@media (min-width: 1025px) {
	html body.brx-header-left #brx-header#brx-header {
		width: 260px !important;
		max-width: 260px !important;
		background: var(--ctm-color-surface) !important;
		border-right: 1px solid var(--ctm-color-border-subtle) !important;
		box-shadow: none !important;
	}

	html body.brx-header-left #brx-content#brx-content,
	html body.brx-header-left #brx-footer#brx-footer {
		margin-left: 260px !important;
	}

	html body.brx-header-left #brx-content#brx-content {
		width: calc(100% - 260px) !important;
		max-width: none !important;
	}
}

html body.brx-header-left #brx-header .ctm-md-header-root {
	--ctm-md-surface: var(--ctm-color-surface) !important;
	--ctm-md-surface-muted: var(--ctm-color-surface-muted) !important;
	--ctm-md-border: var(--ctm-color-border-subtle) !important;
	--ctm-md-text: var(--ctm-color-text) !important;
	--ctm-md-muted: var(--ctm-color-text-muted) !important;
	--ctm-md-accent: var(--ctm-color-brand) !important;
	width: 100% !important;
	height: 100% !important;
	padding: 2rem 1.25rem !important;
	background: var(--ctm-color-surface) !important;
	border: 0 !important;
}

html body.brx-header-left #brx-header .ctm-md-header-shell {
	height: 100% !important;
	background: var(--ctm-color-surface) !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.brx-header-left #brx-header .ctm-md-topbar {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 0 !important;
	margin: 0 0 2.5rem !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.brx-header-left #brx-header .ctm-md-topbar-left {
	gap: 12px !important;
}

html body.brx-header-left #brx-header .ctm-md-topbar-left::before {
	content: none !important;
	display: none !important;
}

html body.brx-header-left #brx-header .ctm-md-topbar-left::after {
	content: none !important;
	display: none !important;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	background: var(--ctm-color-brand);
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M19 8a3 3 0 0 0-2.82 2H15V5a3 3 0 0 0-6 0v5H7.82A3 3 0 1 0 5 14a3 3 0 0 0 2.82-2H9v3a5 5 0 0 0 10 0v-1a3 3 0 1 0 0-6Zm-8-3a1 1 0 0 1 2 0v10a3 3 0 0 1-6 0v-1h2v1a1 1 0 0 0 2 0V5Zm-6 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm14 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M19 8a3 3 0 0 0-2.82 2H15V5a3 3 0 0 0-6 0v5H7.82A3 3 0 1 0 5 14a3 3 0 0 0 2.82-2H9v3a5 5 0 0 0 10 0v-1a3 3 0 1 0 0-6Zm-8-3a1 1 0 0 1 2 0v10a3 3 0 0 1-6 0v-1h2v1a1 1 0 0 0 2 0V5Zm-6 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm14 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

html body.brx-header-left #brx-header .ctm-md-brand-title {
	color: var(--ctm-color-brand) !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
}

html body.brx-header-left #brx-header .ctm-md-brand-subtitle {
	display: none !important;
}

html body.brx-header-left #brx-header .ctm-md-nav {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	padding: 0 !important;
	overflow: visible !important;
}

html body.brx-header-left #brx-header .ctm-md-nav::before,
html body.brx-header-left #brx-header .ctm-md-item-protocols::before,
html body.brx-header-left #brx-header .ctm-md-item-alerts::before {
	display: block !important;
	color: #9ca3af !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
}

html body.brx-header-left #brx-header .ctm-md-nav::before {
	content: "Meniu Principal";
	margin: 0 0 0.5rem 1rem !important;
}

html body.brx-header-left #brx-header .ctm-md-item-protocols,
html body.brx-header-left #brx-header .ctm-md-item-alerts {
	position: relative !important;
	margin-top: 2.25rem !important;
}

html body.brx-header-left #brx-header .ctm-md-item-protocols::before {
	content: "Medical";
	position: absolute !important;
	left: 1rem !important;
	top: -1.6rem !important;
}

html body.brx-header-left #brx-header .ctm-md-item-alerts::before {
	content: "Administrare";
	position: absolute !important;
	left: 1rem !important;
	top: -1.6rem !important;
}

html body.brx-header-left #brx-header .ctm-md-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 44px !important;
	padding: 0.75rem 1rem !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: var(--ctm-radius-md) !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ctm-color-text-muted) !important;
	transition:
		background-color var(--ctm-duration-base) var(--ctm-ease-out),
		color var(--ctm-duration-base) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-base) var(--ctm-ease-out) !important;
}

html body.brx-header-left #brx-header .ctm-md-item:hover {
	background: var(--ctm-color-brand-subtle) !important;
	color: var(--ctm-color-brand) !important;
}

html body.brx-header-left #brx-header .ctm-md-item.is-active,
html body.single-pacient #brx-header .ctm-md-item-patients,
html body.post-type-archive-pacient #brx-header .ctm-md-item-patients {
	background: var(--ctm-color-brand) !important;
	color: var(--ctm-color-brand-fg) !important;
}

html body.brx-header-left #brx-header .ctm-md-item svg {
	width: 18px !important;
	height: 18px !important;
	color: currentColor !important;
	stroke: currentColor !important;
}

html body.brx-header-left #brx-header .ctm-md-link,
html body.brx-header-left #brx-header .ctm-md-link a {
	color: currentColor !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
}

html body.brx-header-left #brx-header .ctm-md-user {
	margin-top: auto !important;
	padding: 1.5rem 0 0 !important;
	border-top: 1px solid var(--ctm-color-border-subtle) !important;
	background: transparent !important;
}

html body.brx-header-left #brx-header .ctm-md-user-name {
	min-height: 44px !important;
	padding: 0.75rem !important;
	border-radius: var(--ctm-radius-md) !important;
	color: var(--ctm-color-text) !important;
}

html body.brx-header-left #brx-header .ctm-md-link-logout,
html body.brx-header-left #brx-header .ctm-md-link-logout a {
	color: var(--ctm-color-danger) !important;
}

html body.brx-header-left #brx-content {
	background: var(--ctm-color-bg) !important;
	min-height: 100vh;
}

html body.brx-header-left #brx-content > .brxe-section {
	background: transparent !important;
	padding: 2rem !important;
}

html body.brx-header-left #brx-content > .brxe-section > .brxe-container {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brxe-block:first-child,
html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type {
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: var(--ctm-radius-lg) !important;
	box-shadow: var(--ctm-shadow-card) !important;
	padding: 2rem !important;
	margin-bottom: 2rem !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brxe-block:first-child {
	display: flex !important;
	align-items: center !important;
	gap: 2rem !important;
	flex-wrap: wrap !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brxe-block:first-child::before {
	content: "P";
	width: 70px;
	height: 70px;
	flex: 0 0 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ctm-color-brand);
	color: var(--ctm-color-brand-fg);
	font-size: 1.5rem;
	font-weight: 700;
}

html body.single-pacient #brx-content .brxe-post-title {
	margin: 0 !important;
	color: var(--ctm-color-text-strong) !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

html body.single-pacient #brx-content .brxe-post-title + .brxe-heading,
html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type h3:nth-child(1) {
	color: var(--ctm-color-text-muted) !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
	gap: 1.5rem !important;
	align-items: center !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type > .brxe-block {
	display: flex !important;
	align-items: center !important;
	gap: 0.8rem !important;
	min-width: 0 !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type svg {
	width: 20px !important;
	height: 20px !important;
	color: var(--ctm-color-brand) !important;
}

html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type .brxe-shortcode,
html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type h3:nth-child(2) {
	color: var(--ctm-color-text) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
}

html body.single-pacient #brx-content .tab-menu,
html body.single-pacient #brx-content [role="tablist"] {
	display: flex !important;
	gap: 8px !important;
	overflow-x: auto !important;
	white-space: nowrap !important;
	padding-bottom: 0.5rem !important;
	margin-bottom: 2rem !important;
	-webkit-overflow-scrolling: touch;
}

html body.single-pacient #brx-content [role="tab"],
html body.single-pacient #brx-content .tab-title {
	min-height: 40px !important;
	padding: 0.6rem 1.25rem !important;
	border-radius: var(--ctm-radius-pill) !important;
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	color: var(--ctm-color-text-muted) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content [role="tab"][aria-selected="true"],
html body.single-pacient #brx-content .tab-title.brx-open,
html body.single-pacient #brx-content .tab-title.active {
	background: var(--ctm-color-brand) !important;
	border-color: var(--ctm-color-brand) !important;
	color: var(--ctm-color-brand-fg) !important;
}

html body.single-pacient #brx-content :where(.ctm-plan-preplan-note, .ctm-plan-diagnostic, .ctm-plan-pack-card, .ctm-stage-files-root, .ctm-stage-aggregate-section),
html body.brx-header-left #brx-content :where(.ctm-chat-notifications, .ctm-doctor-notifications, .modern-item) {
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: var(--ctm-radius-lg) !important;
	box-shadow: var(--ctm-shadow-card) !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer {
	background: linear-gradient(135deg, var(--ctm-color-brand) 0%, var(--ctm-color-brand-hover) 100%) !important;
	color: var(--ctm-color-brand-fg) !important;
	border: 0 !important;
	border-radius: var(--ctm-radius-lg) !important;
	box-shadow: none !important;
	margin-top: 1.5rem !important;
	overflow: hidden !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer * {
	color: inherit !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-details,
html body.single-pacient #brx-content .ctm-post-form-offer-cta {
	background: transparent !important;
	border: 0 !important;
	padding: 2rem !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-category {
	background: rgba(255, 255, 255, 0.2) !important;
	color: var(--ctm-color-brand-fg) !important;
	border: 0 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-price {
	color: var(--ctm-color-brand-fg) !important;
	font-size: 2rem !important;
	font-weight: 800 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-button {
	background: var(--ctm-color-surface) !important;
	border-color: var(--ctm-color-surface) !important;
	color: var(--ctm-color-brand) !important;
	border-radius: var(--ctm-radius-md) !important;
	font-weight: 700 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-button:hover {
	background: var(--ctm-color-brand-subtle) !important;
	border-color: var(--ctm-color-brand-subtle) !important;
	color: var(--ctm-color-brand-hover) !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 2rem !important;
	width: 100% !important;
	margin: 0 0 2rem !important;
	padding: 2rem !important;
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: var(--ctm-radius-lg) !important;
	box-shadow: var(--ctm-shadow-card) !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card::before {
	content: attr(data-ctm-initials) !important;
	width: 70px;
	height: 70px;
	flex: 0 0 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ctm-color-brand);
	color: var(--ctm-color-brand-fg);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
}

html body.single-pacient #brx-content .ctm-reference-patient-card > #brxe-sgxlcl,
html body.single-pacient #brx-content .ctm-reference-patient-card > #brxe-jjyfae,
html body.single-pacient #brx-content .ctm-reference-patient-card > .bricks-link-wrapper,
html body.single-pacient #brx-content .ctm-reference-info-grid svg {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card > #brxe-nniurb {
	flex: 0 1 180px !important;
	min-width: 140px !important;
	gap: 0 !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card > #brxe-nniurb::before {
	content: "Pacient";
	display: block;
	margin-bottom: 4px;
	color: var(--ctm-color-text-muted);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	text-transform: uppercase;
}

html body.single-pacient #brx-content .ctm-reference-patient-card #brxe-hspaba {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid {
	flex: 1 1 560px !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
	gap: 1.5rem !important;
	align-items: center !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid > .brxe-block {
	display: block !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid h3:first-child {
	margin: 0 0 4px !important;
	color: var(--ctm-color-text-muted) !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid h3:last-child,
html body.single-pacient #brx-content .ctm-reference-info-grid .brxe-shortcode {
	color: var(--ctm-color-text) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
}

@media (max-width: 1024px) and (min-width: 769px) {
	html body.brx-header-left #brx-header#brx-header {
		width: 80px !important;
		max-width: 80px !important;
	}

	html body.brx-header-left #brx-content#brx-content,
	html body.brx-header-left #brx-footer#brx-footer {
		margin-left: 80px !important;
	}

	html body.brx-header-left #brx-header .ctm-md-header-root {
		padding: 2rem 0.5rem !important;
	}

	html body.brx-header-left #brx-header .ctm-md-brand-title,
	html body.brx-header-left #brx-header .ctm-md-link,
	html body.brx-header-left #brx-header .ctm-md-nav::before,
	html body.brx-header-left #brx-header .ctm-md-item-protocols::before,
	html body.brx-header-left #brx-header .ctm-md-item-alerts::before,
	html body.brx-header-left #brx-header .ctm-md-user {
		display: none !important;
	}

	html body.brx-header-left #brx-header .ctm-md-item {
		justify-content: center !important;
		padding: 0.75rem !important;
	}
}

@media (max-width: 768px) {
	html body.brx-header-left #brx-header#brx-header {
		width: 100% !important;
		max-width: 100% !important;
		height: 75px !important;
		min-height: 75px !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--ctm-color-border-subtle) !important;
	}

	html body.brx-header-left #brx-header .ctm-md-header-root {
		padding: 1rem !important;
		height: auto !important;
	}

	html body.brx-header-left #brx-header .ctm-md-header-shell {
		flex-direction: row !important;
		align-items: center !important;
		height: auto !important;
	}

	html body.brx-header-left #brx-header .ctm-md-topbar {
		margin: 0 !important;
	}

	html body.brx-header-left #brx-header .ctm-md-nav,
	html body.brx-header-left #brx-header .ctm-md-user {
		display: none !important;
	}

	html body.brx-header-left #brx-content#brx-content,
	html body.brx-header-left #brx-footer#brx-footer {
		margin-left: 0 !important;
		width: 100% !important;
	}

	html body.brx-header-left #brx-content#brx-content {
		margin-top: 29px !important;
	}

	html body.brx-header-left #brx-content > .brxe-section {
		padding: 1rem !important;
	}

	html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brxe-block:first-child,
	html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brx-grid:first-of-type {
		padding: 1.25rem !important;
	}

	html body.single-pacient #brx-content > .brxe-section > .brxe-container > .brxe-block:first-child::before {
		width: 56px;
		height: 56px;
		flex-basis: 56px;
	}

	html body.single-pacient #brx-content .ctm-reference-patient-card {
		gap: 1.25rem !important;
		padding: 1.25rem !important;
	}

	html body.single-pacient #brx-content .ctm-reference-patient-card::before {
		width: 56px;
		height: 56px;
		flex-basis: 56px;
		font-size: 1.15rem;
	}

	html body.single-pacient #brx-content .ctm-reference-info-grid {
		flex-basis: 100% !important;
		gap: 1rem !important;
	}
}

/* Medic header mobile: keep bottom-nav badges closer to icon/label */
@media (max-width: 1024px) {
	#brx-header .ctm-md-item-alerts,
	#brx-header .ctm-md-item-orders {
		position: relative;
	}

	#brx-header .ctm-md-item-alerts .ctm-md-alert-badge,
	#brx-header .ctm-md-item-orders .ctm-md-alert-badge,
	#brx-header .ctm-md-item-alerts .ctm-chat-notifications-badge,
	#brx-header .ctm-md-item-orders .ctm-chat-notifications-badge,
	#brx-header .ctm-md-item-alerts .ctm-regim-notif-counter,
	#brx-header .ctm-md-item-orders .ctm-regim-notif-counter {
		position: absolute !important;
		top: 2px !important;
		left: calc(45% + 6px) !important;
		right: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
	}
}

/* Pacient singular - reference design 1:1 */
html body.single-pacient {
	--accent: #7752bd;
	--accent-soft: #f1ecf9;
	--accent-hover: #5f3fa3;
	--bg-body: #f3f4f6;
	--bg-card: #ffffff;
	--text-main: #1f2937;
	--text-muted: #6b7280;
	--border-subtle: #f1f1f1;
	--radius-lg: 16px;
	--radius-md: 12px;
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	background: var(--bg-body) !important;
	color: var(--text-main) !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.single-pacient #brx-header#brx-header {
	top: 0 !important;
	width: 260px !important;
	max-width: 260px !important;
	height: 100vh !important;
	background: var(--bg-card) !important;
	border-right: 1px solid var(--border-subtle) !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-header .ctm-md-header-root {
	height: 100vh !important;
	min-height: 100vh !important;
	padding: 2rem 1.25rem !important;
	background: var(--bg-card) !important;
	border-right: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-header-shell {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	gap: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-topbar {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 0 2.5rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-header .ctm-md-topbar svg {
	width: 22px !important;
	height: 22px !important;
	color: var(--accent) !important;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-header .ctm-md-brand-title {
	margin: 0 !important;
	color: var(--accent) !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-brand-subtitle {
	display: none !important;
}

html body.single-pacient #brx-header .ctm-md-nav {
	position: relative !important;
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 1.85rem 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-header .ctm-md-nav::before,
html body.single-pacient #brx-header .ctm-md-item-orders::before,
html body.single-pacient #brx-header .ctm-md-item-protocols::before,
html body.single-pacient #brx-header .ctm-md-item-alerts::before {
	position: absolute !important;
	left: 1rem !important;
	color: #9ca3af !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	pointer-events: none !important;
}

html body.single-pacient #brx-header .ctm-md-nav::before {
	content: "Meniu Principal" !important;
	top: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-item-orders {
	margin-top: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-item-orders::before {
	content: none !important;
	display: none !important;
}

html body.single-pacient #brx-header .ctm-md-item-protocols {
	margin-top: 2.25rem !important;
}

html body.single-pacient #brx-header .ctm-md-item-protocols::before {
	content: "Medical" !important;
	top: -1.6rem !important;
}

html body.single-pacient #brx-header .ctm-md-item-alerts {
	margin-top: 2.25rem !important;
}

html body.single-pacient #brx-header .ctm-md-item-alerts::before {
	content: "Administrare" !important;
	top: -1.6rem !important;
}

html body.single-pacient #brx-header .ctm-md-item-diet::before,
html body.single-pacient #brx-header .ctm-md-item-labs::before {
	content: none !important;
	display: none !important;
}

html body.single-pacient #brx-header .ctm-md-item {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 0.75rem 1rem !important;
	border-radius: var(--radius-md) !important;
	background: transparent !important;
	color: var(--text-muted) !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

html body.single-pacient #brx-header .ctm-md-item:hover {
	background: var(--accent-soft) !important;
	color: var(--accent) !important;
}

html body.single-pacient #brx-header .ctm-md-item-patients {
	background: var(--accent) !important;
	color: #ffffff !important;
}

html body.single-pacient #brx-header .ctm-md-item svg {
	width: 18px !important;
	height: 18px !important;
	color: currentColor !important;
}

html body.single-pacient #brx-header .ctm-md-link {
	margin: 0 !important;
	color: currentColor !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

html body.single-pacient #brx-header .ctm-md-user {
	margin-top: auto !important;
	padding-top: 1.5rem !important;
	border-top: 1px solid var(--border-subtle) !important;
	background: transparent !important;
}

html body.single-pacient #brx-content#brx-content,
html body.single-pacient #brx-footer#brx-footer {
	width: calc(100% - 260px) !important;
	margin-left: 260px !important;
	background: var(--bg-body) !important;
}

html body.single-pacient #brx-content > .ctm-patient-reference-shell {
	min-height: 100vh !important;
	padding: 32px !important;
	background: var(--bg-body) !important;
}

html body.single-pacient #brx-content#brx-content > .brxe-section.ctm-patient-reference-shell {
	display: block !important;
	padding: 32px !important;
}

html body.single-pacient #brx-content .ctm-patient-reference-main {
	display: block !important;
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 32px !important;
	width: 100% !important;
	margin: 0 0 32px !important;
	padding: 32px !important;
	background: var(--bg-card) !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow) !important;
}

html body.single-pacient #brx-content .ctm-reference-patient-card::before {
	content: attr(data-ctm-initials) !important;
	width: 70px !important;
	height: 70px !important;
	flex: 0 0 70px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: var(--accent) !important;
	color: #ffffff !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid {
	flex: 1 1 0 !important;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
	gap: 24px !important;
	align-items: center !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-info-item {
	display: block !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-info-item::before,
html body.single-pacient #brx-content .ctm-reference-info-item h3:first-child {
	display: block !important;
	margin: 0 0 4px !important;
	color: var(--text-muted) !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

html body.single-pacient #brx-content #brxe-nniurb::before {
	content: "Pacient" !important;
}

html body.single-pacient #brx-content .ctm-reference-info-item .brxe-post-title,
html body.single-pacient #brx-content .ctm-reference-info-item h3:last-child,
html body.single-pacient #brx-content .ctm-reference-info-item .brxe-shortcode {
	display: block !important;
	margin: 0 !important;
	color: var(--text-main) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	white-space: normal !important;
}

html body.single-pacient #brx-content .ctm-reference-info-grid svg,
html body.single-pacient #brx-content #brxe-hspaba,
html body.single-pacient #brx-content #brxe-sgxlcl,
html body.single-pacient #brx-content #brxe-jjyfae,
html body.single-pacient #brx-content .ctm-reference-tab-hidden {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-reference-tabs-container {
	display: block !important;
	width: 100% !important;
	margin: 0 0 32px !important;
	padding: 0 0 0.5rem !important;
	overflow-x: auto !important;
	white-space: nowrap !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch;
}

html body.single-pacient #brx-content .ctm-reference-tabs-shell,
html body.single-pacient #brx-content .ctm-reference-tabs {
	display: block !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-tabs-menu,
html body.single-pacient #brx-content .ctm-reference-tabs-panels,
html body.single-pacient #brx-content .ctm-reference-tabs-panels .tab-content,
html body.single-pacient #brx-content .ctm-reference-tabs-panels .tab-pane {
	display: block !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-tabs-container {
	display: flex !important;
	gap: 8px !important;
	width: max-content !important;
	min-width: 100% !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-reference-tab {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	width: auto !important;
	padding: 9.6px 20px !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: 50px !important;
	background: #ffffff !important;
	color: var(--text-muted) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

html body.single-pacient #brx-content .ctm-reference-tab.brx-open,
html body.single-pacient #brx-content .ctm-reference-tab[aria-selected="true"] {
	background: var(--accent) !important;
	border-color: var(--accent) !important;
	color: #ffffff !important;
}

html body.single-pacient #brx-content .ctm-reference-tab svg {
	display: none !important;
}

html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab #brxe-ifhcha {
	display: inline-flex !important;
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 16px !important;
	color: currentColor !important;
}

html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab #brxe-oumuqx,
html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab .ctm-regim-notif-counter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	margin-left: 2px !important;
}

html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab .ctm-regim-notif-counter.is-hidden,
html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab .ctm-regim-notif-counter-value.is-hidden {
	display: none !important;
}

html body.single-pacient #brx-content #brxe-habqrv.ctm-reference-tab .ctm-regim-notif-counter-value {
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	border-radius: 999px !important;
	background: var(--ctm-color-brand) !important;
	color: var(--ctm-color-brand-fg) !important;
	font-size: var(--ctm-fs-xs) !important;
	font-weight: 800 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1 !important;
}

html body.single-pacient #brx-content .ctm-reference-tab .ctm-tab-counter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	margin-left: 2px !important;
}

html body.single-pacient #brx-content .ctm-reference-tab .ctm-tab-counter.is-hidden,
html body.single-pacient #brx-content .ctm-reference-tab .ctm-tab-counter-value.is-hidden {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-reference-tab .ctm-tab-counter-value {
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	border-radius: 999px !important;
	background: var(--ctm-color-brand) !important;
	color: var(--ctm-color-brand-fg) !important;
	font-size: var(--ctm-fs-xs) !important;
	font-weight: 800 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1 !important;
}

html body.single-pacient #brx-content #brxe-xpeyzh {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	width: 100% !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content #brxe-hgdgrj {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content #brxe-mvslli {
	margin: 0 !important;
	color: var(--text-main) !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
}

html body.single-pacient #brx-content #brxe-fufmib {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 12px 24px !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	background: var(--accent) !important;
	color: #ffffff !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-note,
html body.single-pacient #brx-content .ctm-plan-preplan-order {
	margin: 0 0 24px !important;
	padding: 24px !important;
	background: #ffffff !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow) !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-title {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-desc {
	position: relative !important;
	margin: 0 !important;
	padding-left: 28px !important;
	color: var(--text-muted) !important;
	font-size: 0.95rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-desc::before {
	content: "i" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.05rem !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: var(--accent-soft) !important;
	color: var(--accent) !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	font-style: normal !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-order-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-order-title {
	color: var(--text-main) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-order-date {
	color: var(--text-muted) !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}

html body.single-pacient #brx-content .ctm-plan-preplan-order-body {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

html body.single-pacient #brx-content .m-order-artifacts,
html body.single-pacient #brx-content .ctm-stage-form-order-context {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	margin-top: 1rem !important;
	padding: 1rem !important;
	background: #f9fafb !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .m-order-artifacts {
	width: 100% !important;
	margin: 1rem 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

html body.single-pacient #brx-content .ctm-stage-form-order-context {
	width: 100% !important;
	margin: 0 !important;
}

html body.single-pacient #brx-content .ctm-stage-form-card.is-order-context {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-stage-form-card.is-order-context .ctm-stage-form-card-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	width: 100% !important;
}

html body.single-pacient #brx-content .m-order-artifacts a,
html body.single-pacient #brx-content .ctm-stage-form-order-context a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	padding: 9.6px 20px !important;
	border: 1px solid var(--border-subtle) !important;
	border-radius: 50px !important;
	background: #ffffff !important;
	color: var(--text-muted) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 32px !important;
	margin: 0 !important;
	padding: 32px !important;
	background: linear-gradient(135deg, #7752bd 0%, #5f3fa3 100%) !important;
	border: 0 !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-details,
html body.single-pacient #brx-content .ctm-post-form-offer-cta {
	display: block !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	color: inherit !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-details {
	flex: 1 1 400px !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-cta {
	flex: 0 0 220px !important;
	text-align: right !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-category {
	display: inline-flex !important;
	width: auto !important;
	margin: 0 0 10px !important;
	padding: 4px 12px !important;
	border: 0 !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-title {
	margin: 0 0 10px !important;
	color: #ffffff !important;
	font-size: 1.17rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-text {
	max-width: 400px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-disclaimer {
	display: none !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-price {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 2rem !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	text-align: right !important;
	font-variant-numeric: tabular-nums !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	width: 100% !important;
	margin-top: 1rem !important;
	padding: 12.8px 24px !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	background: #ffffff !important;
	color: var(--accent) !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

html body.single-pacient #brx-content .ctm-post-form-offer-button:hover {
	background: #ffffff !important;
	color: var(--accent-hover) !important;
	box-shadow: none !important;
}

@media (max-width: 1024px) and (min-width: 769px) {
	html body.single-pacient #brx-header#brx-header {
		width: 80px !important;
		max-width: 80px !important;
	}

	html body.single-pacient #brx-content#brx-content,
	html body.single-pacient #brx-footer#brx-footer {
		width: calc(100% - 80px) !important;
		margin-left: 80px !important;
	}

	html body.single-pacient #brx-header .ctm-md-header-root {
		padding: 2rem 0.5rem !important;
	}

	html body.single-pacient #brx-header .ctm-md-brand-title,
	html body.single-pacient #brx-header .ctm-md-link,
	html body.single-pacient #brx-header .ctm-md-nav::before,
	html body.single-pacient #brx-header .ctm-md-item-orders::before,
	html body.single-pacient #brx-header .ctm-md-item-alerts::before,
	html body.single-pacient #brx-header .ctm-md-user {
		display: none !important;
	}

	html body.single-pacient #brx-header .ctm-md-item {
		justify-content: center !important;
		padding: 0.75rem !important;
	}
}

@media (max-width: 768px) {
	html body.single-pacient #brx-header#brx-header {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 75px !important;
		min-height: 75px !important;
		border-right: 0 !important;
		border-bottom: 1px solid var(--border-subtle) !important;
	}

	html body.single-pacient #brx-header .ctm-md-header-root {
		height: 75px !important;
		min-height: 75px !important;
		padding: 1rem !important;
	}

	html body.single-pacient #brx-header .ctm-md-header-shell,
	html body.single-pacient #brx-header .ctm-md-topbar {
		flex-direction: row !important;
		align-items: center !important;
		height: auto !important;
		margin: 0 !important;
	}

	html body.single-pacient #brx-header .ctm-md-nav,
	html body.single-pacient #brx-header .ctm-md-user {
		display: none !important;
	}

	html body.single-pacient #brx-content#brx-content,
	html body.single-pacient #brx-footer#brx-footer {
		width: 100% !important;
		margin-left: 0 !important;
	}

	html body.single-pacient #brx-content#brx-content {
		margin-top: 0 !important;
		padding: 0 !important;
	}

	html body.single-pacient #brx-content > .ctm-patient-reference-shell {
		padding: 16px !important;
	}

	html body.single-pacient #brx-content#brx-content > .brxe-section.ctm-patient-reference-shell {
		padding: 16px !important;
	}

	html body.single-pacient #brx-content .ctm-reference-patient-card,
	html body.single-pacient #brx-content .ctm-post-form-offer {
		gap: 1.25rem !important;
		padding: 1.25rem !important;
	}

	html body.single-pacient #brx-content .ctm-reference-patient-card::before {
		width: 56px !important;
		height: 56px !important;
		flex-basis: 56px !important;
		font-size: 1.15rem !important;
	}

	html body.single-pacient #brx-content .ctm-reference-info-grid {
		flex-basis: 100% !important;
		gap: 1rem !important;
	}

	html body.single-pacient #brx-content .ctm-tab-mobile-select-wrap {
		display: none !important;
	}

	html body.single-pacient #brx-content .ctm-reference-tabs-container {
		display: flex !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: 48px !important;
		min-height: 48px !important;
		width: 100% !important;
		min-width: 0 !important;
		margin-bottom: 32px !important;
		overflow-x: auto !important;
	}

	html body.single-pacient #brx-content .ctm-reference-tab {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		flex: 0 0 auto !important;
	}

	html body.single-pacient #brx-content #brxe-mvslli {
		font-size: 1.25rem !important;
	}

	html body.single-pacient #brx-content .ctm-post-form-offer-cta {
		flex: 1 1 100% !important;
		text-align: left !important;
	}

	html body.single-pacient #brx-content .ctm-post-form-offer-price {
		text-align: left !important;
	}
}

/* Medical Bricks form UI */
#brx-content .brxe-section:has(form.brxe-form .ctm-step-nav-row) {
	min-height: 100dvh !important;
	padding: 24px 12px calc(112px + env(safe-area-inset-bottom)) !important;
	align-items: center !important;
	justify-content: flex-start !important;
	background: var(--ctm-color-bg-soft) !important;
	transition: none !important;
}

#brx-content .brxe-container:has(> form.brxe-form .ctm-step-nav-row) {
	width: 100% !important;
	max-width: 800px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 24px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: none !important;
}

html body.brx-header-left #brx-content > .brxe-section > .brxe-container:has(> form.brxe-form .ctm-step-nav-row) {
	width: 100% !important;
	max-width: 800px !important;
}

#brx-content .brxe-container:has(> form.brxe-form .ctm-step-nav-row) > .brxe-heading {
	width: 100% !important;
	max-width: 720px !important;
	margin: 0 auto 4px !important;
	color: var(--ctm-color-text-strong) !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-wrap: balance;
	transition: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	max-width: 800px !important;
	margin: 0 auto !important;
	padding: 24px !important;
	gap: 0 !important;
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: 24px !important;
	box-shadow: var(--ctm-shadow-card) !important;
	color: var(--ctm-color-text) !important;
	font-family: var(--ctm-font-sans) !important;
	transition: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-hidden {
	display: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) > .form-group:not(.ctm-step-hidden) {
	width: 100% !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) > .form-group:not(.ctm-step-hidden):last-of-type {
	margin-bottom: 0 !important;
}


#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc {
	width: 100% !important;
	margin: 0 !important;
	padding: 20px !important;
	background: var(--ctm-color-bg-soft) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: var(--ctm-radius-lg) !important;
	color: var(--ctm-color-text-muted) !important;
	font-size: var(--ctm-fs-base-plus) !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	transition: none !important;
}

.ctm-step-nav{padding-top: 12px !important;}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc p {
	margin: 0 0 12px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc p:last-child {
	margin-bottom: 0 !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-statement-title,
#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-title {
	margin: 0 !important;
	color: var(--ctm-color-text-strong) !important;
	font-size: var(--ctm-fs-xl) !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc + .ctm-statement-title,
#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc + .ctm-step-title {
	margin-top: 28px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-statement-title + .ctm-desc,
#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-title + .ctm-desc {
	margin-top: 12px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .label,
#brx-content form.brxe-form:has(.ctm-step-nav-row) label {
	margin: 0 0 10px !important;
	color: var(--ctm-color-text-strong) !important;
	font-size: var(--ctm-fs-lg) !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select) {
	width: 100% !important;
	min-height: 52px !important;
	padding: 14px 18px !important;
	background: var(--ctm-color-surface) !important;
	border: 2px solid var(--ctm-color-border-subtle) !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	color: var(--ctm-color-text-strong) !important;
	font-family: var(--ctm-font-sans) !important;
	font-size: var(--ctm-fs-xl) !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	outline: none !important;
	transition:
		background-color var(--ctm-duration-fast) var(--ctm-ease-out),
		border-color var(--ctm-duration-fast) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-fast) var(--ctm-ease-out) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) textarea {
	min-height: 128px !important;
	resize: vertical !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select):focus {
	border-color: var(--ctm-color-brand) !important;
	box-shadow: 0 0 0 4px var(--ctm-color-brand-subtle) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(input, textarea, select)::placeholder {
	color: var(--ctm-color-text-soft) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper {
	display: grid !important;
	width: 100% !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper li {
	display: grid !important;
	grid-template-columns: 22px minmax(0, 1fr) !important;
	align-items: flex-start !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 16px !important;
	background: var(--ctm-color-surface) !important;
	border: 1px solid var(--ctm-color-border-subtle) !important;
	border-radius: var(--ctm-radius-lg) !important;
	color: var(--ctm-color-text) !important;
	transition:
		background-color var(--ctm-duration-fast) var(--ctm-ease-out),
		border-color var(--ctm-duration-fast) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-fast) var(--ctm-ease-out) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper li:has(input:checked) {
	background: var(--ctm-color-brand-subtle) !important;
	border-color: var(--ctm-color-brand) !important;
	box-shadow: 0 0 0 1px var(--ctm-color-brand) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="checkbox"],
#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="radio"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	position: relative !important;
	top: 0 !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	margin: 1px 0 0 !important;
	padding: 0 !important;
	background: var(--ctm-color-surface) !important;
	border: 2px solid var(--ctm-color-border-strong) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition:
		background-color var(--ctm-duration-fast) var(--ctm-ease-out),
		border-color var(--ctm-duration-fast) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-fast) var(--ctm-ease-out) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="radio"] {
	border-radius: 50% !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="checkbox"] {
	border-radius: 7px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="checkbox"]:checked {
	background: var(--ctm-color-brand) !important;
	border-color: var(--ctm-color-brand) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="radio"]:checked {
	background: var(--ctm-color-surface) !important;
	border-color: var(--ctm-color-brand) !important;
	box-shadow: 0 0 0 3px var(--ctm-color-brand-subtle) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="radio"]:checked::after {
	content: "" !important;
	position: absolute !important;
	inset: 4px !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
	border-radius: 50% !important;
	border: 0 !important;
	background: var(--ctm-color-brand) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input[type="checkbox"]:checked::after {
	content: "" !important;
	position: absolute !important;
	left: 6px !important;
	top: 2px !important;
	width: 6px !important;
	height: 11px !important;
	border: solid var(--ctm-color-brand-fg) !important;
	border-width: 0 2px 2px 0 !important;
	transform: rotate(45deg) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper input:focus-visible {
	outline: 2px solid var(--ctm-color-brand) !important;
	outline-offset: 3px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .options-wrapper label {
	margin: 0 !important;
	color: var(--ctm-color-text) !important;
	font-size: var(--ctm-fs-base-plus) !important;
	font-weight: 600 !important;
	line-height: 1.55 !important;
	cursor: pointer !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-nav-row:not(.ctm-step-hidden),
#brx-content form.brxe-form:has(.ctm-step-nav-row) .submit-button-wrapper:not(.ctm-step-hidden) {
	display: flex !important;
	width: 100% !important;
	margin: 12px 0 0 !important;
	padding-top: 24px !important;
	border-top: 1px solid var(--ctm-color-border-subtle) !important;
	transition: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-nav,
#brx-content form.brxe-form:has(.ctm-step-nav-row) .submit-button-wrapper:not(.ctm-step-hidden) {
	display: flex !important;
	flex-direction: column-reverse !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	width: 100% !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button, button, input[type="submit"], input[type="button"]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	width: 100% !important;
	padding: 0 24px !important;
	border: 1px solid transparent !important;
	border-radius: var(--ctm-radius-lg) !important;
	box-shadow: none !important;
	font-family: var(--ctm-font-sans) !important;
	font-size: var(--ctm-fs-xl) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition:
		background-color var(--ctm-duration-fast) var(--ctm-ease-out),
		border-color var(--ctm-duration-fast) var(--ctm-ease-out),
		color var(--ctm-duration-fast) var(--ctm-ease-out),
		box-shadow var(--ctm-duration-fast) var(--ctm-ease-out),
		opacity var(--ctm-duration-fast) var(--ctm-ease-out) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button:not([data-ctm-nav="back"]), button[type="submit"], input[type="submit"]) {
	background: var(--ctm-color-brand) !important;
	border-color: var(--ctm-color-brand) !important;
	color: var(--ctm-color-brand-fg) !important;
	box-shadow: var(--ctm-shadow-brand) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button:not([data-ctm-nav="back"]), button[type="submit"], input[type="submit"]):hover:not(:disabled) {
	background: var(--ctm-color-brand-hover) !important;
	border-color: var(--ctm-color-brand-hover) !important;
	color: var(--ctm-color-brand-fg) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button[data-ctm-nav="back"], input[name="prev_step"] + button) {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--ctm-color-text-muted) !important;
	box-shadow: none !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button[data-ctm-nav="back"], input[name="prev_step"] + button):hover:not(:disabled) {
	background: var(--ctm-color-bg-soft) !important;
	border-color: var(--ctm-color-border-subtle) !important;
	color: var(--ctm-color-text-strong) !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button, button, input[type="submit"], input[type="button"]):focus-visible {
	outline: 2px solid var(--ctm-color-brand) !important;
	outline-offset: 3px !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button, button, input[type="submit"], input[type="button"]):disabled {
	opacity: 0.45 !important;
	cursor: not-allowed !important;
}

#brx-content form.brxe-form:has(.ctm-step-nav-row) .message {
	width: 100% !important;
	margin-top: 16px !important;
	padding: 16px !important;
	border-radius: var(--ctm-radius-lg) !important;
	font-size: var(--ctm-fs-base) !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}

@media (min-width: 641px) {
	#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-step-nav,
	#brx-content form.brxe-form:has(.ctm-step-nav-row) .submit-button-wrapper:not(.ctm-step-hidden) {
		flex-direction: row !important;
		align-items: center !important;
	}

	#brx-content form.brxe-form:has(.ctm-step-nav-row) :where(.bricks-button, button, input[type="submit"], input[type="button"]) {
		width: auto !important;
	}
}

@media (min-width: 769px) {
	#brx-content .brxe-section:has(form.brxe-form .ctm-step-nav-row) {
		padding: 56px 24px 80px !important;
		justify-content: center !important;
	}

	#brx-content .brxe-container:has(> form.brxe-form .ctm-step-nav-row) {
		gap: 32px !important;
	}

	#brx-content .brxe-container:has(> form.brxe-form .ctm-step-nav-row) > .brxe-heading {
		font-size: 32px !important;
	}

	#brx-content form.brxe-form:has(.ctm-step-nav-row) {
		padding: 40px !important;
	}

	#brx-content form.brxe-form:has(.ctm-step-nav-row) .ctm-desc {
		padding: 24px !important;
	}
}

/* Medic header repair: single pacient mobile bottom nav + one logo */
@media (max-width: 768px) {
	html body.brx-header-left #brx-header#brx-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 10010 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 0 !important;
		min-height: 0 !important;
		background: transparent !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		overflow: visible !important;
	}

	html body.brx-header-left #brx-header .ctm-md-header-root {
		position: static !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		overflow: visible !important;
	}

	html body.brx-header-left #brx-header .ctm-md-topbar {
		display: none !important;
	}

	html body.brx-header-left #brx-header .ctm-md-topbar-left::before,
	html body.brx-header-left #brx-header .ctm-md-topbar-left::after {
		content: none !important;
		display: none !important;
	}

	html body.brx-header-left #brx-header .ctm-md-nav {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 10020 !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 4px !important;
		width: 100% !important;
		padding: 6px 8px calc(8px + env(safe-area-inset-bottom)) !important;
		background: var(--ctm-color-surface) !important;
		border-top: 1px solid var(--ctm-color-border-subtle) !important;
		pointer-events: auto !important;
	}

	html body.brx-header-left #brx-header .ctm-md-user,
	html body.brx-header-left #brx-header .ctm-md-nav .ctm-md-item-labs,
	html body.brx-header-left #brx-header .ctm-md-nav .ctm-md-item-diet {
		display: none !important;
	}

	html body.brx-header-left #brx-header .ctm-md-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		min-height: 60px !important;
		margin-top: 0 !important;
		padding: 6px 3px !important;
		border-radius: 10px !important;
	}

	html body.brx-header-left #brx-header .ctm-md-nav::before,
	html body.brx-header-left #brx-header .ctm-md-item-orders::before,
	html body.brx-header-left #brx-header .ctm-md-item-protocols::before,
	html body.brx-header-left #brx-header .ctm-md-item-alerts::before {
		content: none !important;
		display: none !important;
	}

	html body.brx-header-left #brx-header .ctm-md-link {
		display: block !important;
		width: 100% !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		white-space: normal !important;
	}

	html body.brx-header-left #brx-header .ctm-md-item-alerts {
		order: 4 !important;
	}

	html body.brx-header-left #brx-header .ctm-md-item-protocols {
		order: 5 !important;
	}

	html body.brx-header-left #brx-content#brx-content,
	html body.brx-header-left #brx-footer#brx-footer {
		width: 100% !important;
		margin-left: 0 !important;
	}

	html body.brx-header-left #brx-content#brx-content {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
	}
}

/* Pacient role: keep the default Bricks header on patient profile pages */
html body.single-pacient.ctm-patient-ui #brx-header#brx-header {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	background: transparent !important;
	border-right: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body.single-pacient.ctm-patient-ui #brx-content#brx-content,
html body.single-pacient.ctm-patient-ui #brx-footer#brx-footer {
	width: 100% !important;
	margin-left: 0 !important;
}

html body.single-pacient.ctm-patient-ui #brx-content#brx-content {
	padding-top: 0 !important;
}

@media (max-width: 768px) {
	html body.single-pacient.ctm-patient-ui #brx-header#brx-header {
		position: relative !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}
}

@media (max-width: 768px) {
	html body.single-pacient #brx-header#brx-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 10010 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 0 !important;
		min-height: 0 !important;
		background: transparent !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		overflow: visible !important;
	}

	html body.single-pacient #brx-header .ctm-md-header-root {
		position: static !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		overflow: visible !important;
	}

	html body.single-pacient #brx-header .ctm-md-topbar {
		display: none !important;
	}

	html body.single-pacient #brx-header .ctm-md-topbar-left::before,
	html body.single-pacient #brx-header .ctm-md-topbar-left::after {
		content: none !important;
		display: none !important;
	}

	html body.single-pacient #brx-header .ctm-md-nav {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 10020 !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 4px !important;
		width: 100% !important;
		padding: 6px 8px calc(8px + env(safe-area-inset-bottom)) !important;
		background: var(--bg-card) !important;
		border-top: 1px solid var(--border-subtle) !important;
		pointer-events: auto !important;
	}

	html body.single-pacient #brx-header .ctm-md-user,
	html body.single-pacient #brx-header .ctm-md-item-labs,
	html body.single-pacient #brx-header .ctm-md-item-diet {
		display: none !important;
	}

	html body.single-pacient #brx-header .ctm-md-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		min-height: 60px !important;
		margin-top: 0 !important;
		padding: 6px 3px !important;
		border-radius: 10px !important;
	}

	html body.single-pacient #brx-header .ctm-md-nav::before,
	html body.single-pacient #brx-header .ctm-md-item-orders::before,
	html body.single-pacient #brx-header .ctm-md-item-protocols::before,
	html body.single-pacient #brx-header .ctm-md-item-alerts::before {
		content: none !important;
		display: none !important;
	}

	html body.single-pacient #brx-header .ctm-md-link {
		display: block !important;
		width: 100% !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		white-space: normal !important;
	}

	html body.single-pacient #brx-header .ctm-md-item-alerts {
		order: 4 !important;
	}

	html body.single-pacient #brx-header .ctm-md-item-protocols {
		order: 5 !important;
	}

	html body.single-pacient #brx-header .ctm-md-nav .ctm-md-item-labs,
	html body.single-pacient #brx-header .ctm-md-nav .ctm-md-item-diet {
		display: none !important;
	}

	html body.single-pacient #brx-content#brx-content,
	html body.single-pacient #brx-footer#brx-footer {
		width: 100% !important;
		margin-left: 0 !important;
	}

	html body.single-pacient #brx-content#brx-content {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
	}
}

/* CTM allergies tab visibility 2026-06-23 */
html body.single-pacient #brx-content #brxe-mglebg.ctm-reference-tab,
html body.single-pacient #brx-content #brxe-mglebg.ctm-reference-tab-hidden {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

html body.single-pacient #brx-content #brxe-cpzshi.tab-pane.brx-open,
html body.single-pacient #brx-content #brxe-cpzshi.ctm-reference-tab-hidden.brx-open {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
/* Single pacient plan badges */
html body.single-pacient .ctm-plan-pack-badge.ctm-plan-pack-purchase-badge.is-unpurchased {
	background: #fff7ed !important;
	border-color: #fed7aa !important;
	color: #c2410c !important;
}