/* MEC User Dashboard 2.x — Karta theme integration. */
.karta-my-dashboard-page .mec-ud-main,
.karta-my-dashboard-page .mec-ud-modal,
.karta-my-dashboard-page .mec-ud-toast-viewport,
.karta-my-dashboard-page .mec-ud-tooltip,
.karta-my-dashboard-page #mec-ud-dashboard-app {
	--mec-paragraph-font-family: 'BerlinType', 'BerlinType Fallback', sans-serif;
	--mec-heading-font-family: 'BerlinType', 'BerlinType Fallback', sans-serif;
	--mec-ud-primary: #5a628a;
	--mec-ud-primary-shade: #eef0f6;
	--mec-ud-accent-dark: #282f57;
	--mec-secondary-border-radius: 8px;
	--mec-ud-btn-accent: #5a628a;
	--mec-ud-btn-accent-hover: #4b5277;
	--mec-ud-btn-accent-soft: #eef0f6;
	--mec-ud-btn-focus-ring: rgba(90, 98, 138, 0.28);
	--mec-ud-btn-bg: #fff;
	--mec-ud-btn-border: #c8ccdd;
	--mec-ud-btn-border-hover: #5a628a;
	--mec-ud-btn-text: #282f57;
	--mec-ud-btn-text-muted: #686b78;
	--mec-ud-btn-hover-bg: #eef0f6;
	--mec-ud-btn-radius: 8px;
	--mec-ud-text-muted: #686b78;
	font-family: 'BerlinType', 'BerlinType Fallback', sans-serif;
	color: #222432;
}

.karta-my-dashboard-page #mec-ud-dashboard-app :where(button, input, select, textarea, table),
.karta-my-dashboard-page .mec-ud-modal :where(button, input, select, textarea),
.karta-my-dashboard-page .ui-datepicker {
	font-family: 'BerlinType', 'BerlinType Fallback', sans-serif;
}

.karta-my-dashboard-page .mec-ud-main-content {
	border-color: #d7d8de;
	border-radius: 8px;
}

.karta-my-dashboard-page .mec-ud-main .row.mec-ud-wrap {
	border-radius: 0 0 8px 8px;
	box-shadow: 0 2px 8px rgba(40, 47, 87, 0.08);
}

.karta-my-dashboard-page .mec-ud-main .row.mec-ud-wrap .col-md-3 {
	background: #f3f3f5;
	border-color: #d7d8de;
	border-radius: 0 0 0 8px;
}

.karta-my-dashboard-page .mec-ud-main .row.mec-ud-wrap .col-md-9,
.karta-my-dashboard-page #mec-ud-dashboard-app,
.karta-my-dashboard-page .mec-ud-tab-content-wrap,
.karta-my-dashboard-page .mec-ud-tab-content {
	min-width: 0;
	max-width: 100%;
}

.karta-my-dashboard-page .mec-ud-main div.mec-ud-menu-user,
.karta-my-dashboard-page .mec-ud-menu-group,
.karta-my-dashboard-page .mec-ud-menu-logout {
	border-color: #d7d8de;
}

.karta-my-dashboard-page .mec-ud-menu-user-avatar,
.karta-my-dashboard-page .mec-ud-avatar-box {
	background: #e4e4e6;
	border-color: #d7d8de;
}

.karta-my-dashboard-page .mec-ud-menu-user-name,
.karta-my-dashboard-page h1.mec-ud-tab-title,
.karta-my-dashboard-page .mec-ud-card h3,
.karta-my-dashboard-page .mec-ud-empty-state h4 {
	color: #222432;
}

.karta-my-dashboard-page .mec-ud-menu-user-email,
.karta-my-dashboard-page .mec-ud-tab-desc,
.karta-my-dashboard-page .mec-ud-pagination__summary,
.karta-my-dashboard-page .mec-ud-empty-state p,
.karta-my-dashboard-page .mec-ud-no-data {
	color: #686b78;
}

.karta-my-dashboard-page .mec-ud-main-content .mec-ud-wrap .mec-ud-menu a {
	color: #282f57;
}

.karta-my-dashboard-page .mec-ud-main-content .mec-ud-wrap .mec-ud-menu a:hover,
.karta-my-dashboard-page .mec-ud-submenu {
	background: #fff;
}

.karta-my-dashboard-page .mec-ud-main-content .mec-ud-wrap .mec-ud-menu a.active {
	background: #fff;
	color: #5a628a;
}

.karta-my-dashboard-page .mec-ud-card {
	border-color: #d7d8de;
	border-radius: 8px;
	box-shadow: none;
}

.karta-my-dashboard-page .mec-ud-empty-state,
.karta-my-dashboard-page .mec-ud-no-data {
	background: #f8f8f9;
	border-color: #d7d8de;
	border-radius: 8px;
}

.karta-my-dashboard-page .mec-ud-empty-icon {
	background: #eef0f6;
	color: #5a628a;
}

.karta-my-dashboard-page .mec-ud-react-form label {
	color: #404352;
}

.karta-my-dashboard-page .mec-ud-react-form input[type='text'],
.karta-my-dashboard-page .mec-ud-react-form input[type='email'],
.karta-my-dashboard-page .mec-ud-react-form input[type='password'],
.karta-my-dashboard-page .mec-ud-react-form input[type='url'],
.karta-my-dashboard-page .mec-ud-react-form input[type='number'],
.karta-my-dashboard-page .mec-ud-react-form input[type='date'],
.karta-my-dashboard-page .mec-ud-react-form input[type='search'],
.karta-my-dashboard-page .mec-ud-react-form textarea,
.karta-my-dashboard-page .mec-ud-react-form select {
	border-color: #c8ccdd;
	border-radius: 8px;
	color: #222432;
}

.karta-my-dashboard-page .mec-ud-react-form input:focus,
.karta-my-dashboard-page .mec-ud-react-form textarea:focus,
.karta-my-dashboard-page .mec-ud-react-form select:focus {
	border-color: #5a628a;
	box-shadow: 0 0 0 2px rgba(90, 98, 138, 0.18);
}

.karta-my-dashboard-page .mec-ud-btn.is-active {
	background: #5a628a;
	border-color: #5a628a;
}

.karta-my-dashboard-page .mec-ud-btn.is-active:hover {
	background: #4b5277;
	border-color: #4b5277;
}

.karta-my-dashboard-page .mec-table-responsive--paged,
.karta-my-dashboard-page .mec-table-responsive--paged .mec-ud-table-head th {
	border-color: #d7d8de;
}

.karta-my-dashboard-page .mec-table-responsive {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
}

.karta-my-dashboard-page .mec-table-responsive--paged .mec-ud-table-head th {
	background: #f3f3f5;
}

.karta-my-dashboard-page .mec-ud-modal {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(40, 47, 87, 0.18);
}

.karta-my-dashboard-page .mec-ud-modal-header {
	border-color: #d7d8de;
}

.karta-my-dashboard-page .mec-ud-modal-title,
.karta-my-dashboard-page .mec-ud-modal-close {
	color: #282f57 !important;
}

.karta-my-dashboard-page .ui-datepicker.ui-widget {
	border-color: #d7d8de;
	box-shadow: 0 2px 8px rgba(40, 47, 87, 0.12);
}

.karta-my-dashboard-page .ui-datepicker.ui-widget td a.ui-state-active,
.karta-my-dashboard-page .ui-datepicker.ui-widget td a:hover {
	background: #5a628a;
}

.karta-my-dashboard-page .ui-datepicker.ui-widget .ui-datepicker-next,
.karta-my-dashboard-page .ui-datepicker.ui-widget .ui-datepicker-prev {
	background: #eef0f6;
	color: #5a628a;
}

/* Karta events are free: keep financial controls and values out of the UI. */
.karta-my-dashboard-page .mec-ud-upcoming__revenue,
.karta-my-dashboard-page .mec-ud-performance__metric-toggle > :nth-child(2),
.karta-my-dashboard-page .mec-ud-lifetime > :nth-child(3),
.karta-my-dashboard-page .mec-ud-lifetime > :nth-child(4),
.karta-my-dashboard-page .mec-ud-recent-bookings-table tr > :nth-child(5),
.karta-my-dashboard-page .mec-ud-events-table tr > :nth-child(8),
.karta-my-dashboard-page #mec-ud-tickets .mec-ud-tickets-table tr > :nth-child(6),
.karta-my-dashboard-page #mec-ud-tickets .mec-ud-tickets-table tr > :nth-child(7),
.karta-my-dashboard-page #mec-ud-bookings .mec-ud-tickets-table tr > :nth-child(3),
.karta-my-dashboard-page #mec-ud-bookings .mec-ud-tickets-table tr > :nth-child(4),
.karta-my-dashboard-page #mec-ud-bookings .mec-ud-tickets-table tr > :nth-child(8),
.karta-my-dashboard-page .mec-ud-stripe-section:not(:has(.mec-ud-profile-avatar-row)) {
	display: none;
}

@media (max-width: 767px) {
	.karta-my-dashboard-page .mec-ud-main-content,
	.karta-my-dashboard-page .mec-ud-main .row.mec-ud-wrap,
	.karta-my-dashboard-page .mec-ud-main .row.mec-ud-wrap .col-md-3 {
		border-radius: 0;
	}

	.karta-my-dashboard-page .mec-ud-table {
		min-width: 0;
	}
}

@media (min-width: 768px) {
	.karta-my-dashboard-page .mec-table-responsive > .mec-ud-table {
		width: 100%;
		min-width: 960px;
	}
}