/**
 * Dashboard Main v2 Element Styles
 */

html:has(.tb-dashboard-main-v2--native-rem) {
	font-size: 100%;
}

.tb-dashboard-main-v2 {
	display: grid;
	width: 100%;
	min-width: 0;
	grid-template-columns: minmax(0, 1fr);
}

.tb-dashboard-main-v2 .tutor-dashboard-main {
	width: 100%;
	min-width: 0;
}

.tb-dashboard-main-v2 .tutor-dashboard-body,
.tb-dashboard-main-v2 .tutor-dashboard-page {
	width: 100%;
	min-width: 0;
}

.tb-dashboard-main-v2 .tutor-dashboard-header-inner {
	width: 100%;
}

.tb-dashboard-main-v2--viewport-height {
	height: calc(var(--tb-dashboard-main-viewport-height, 100dvh) - var(--tb-dashboard-main-viewport-offset, 0px));
	min-height: 0;
}

.tb-dashboard-main-v2--viewport-height .tutor-dashboard-main {
	height: 100%;
	min-height: 0;
}

.tb-dashboard-main-v2--internal-scroll {
	flex: 0 0 auto;
	min-height: 0;
}

:where(.brxe-block, .brxe-container, .brxe-div):has(> .tb-dashboard-main-v2--internal-scroll) {
	min-height: 0;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.tb-dashboard-main-v2--clip-overflow {
	overflow: hidden;
}

:where(.brxe-block, .brxe-container, .brxe-div):has(> .tb-dashboard-main-v2--internal-scroll.tb-dashboard-main-v2--hide-scrollbar) {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

:where(.brxe-block, .brxe-container, .brxe-div):has(> .tb-dashboard-main-v2--internal-scroll.tb-dashboard-main-v2--hide-scrollbar)::-webkit-scrollbar {
	display: none;
}

.tb-dashboard-main-v2 [data-section-id="recent_reviews"] .tutor-dashboard-home-review-avatar {
	border-radius: 999px;
	line-height: 0;
}

.tb-dashboard-main-v2--builder [data-section-id="current_stats"][x-cloak],
.tb-dashboard-main-v2--builder [data-section-id="course_completion_and_leader"][x-cloak],
.tb-dashboard-main-v2--builder [data-section-id="upcoming_tasks_and_activity"][x-cloak] {
	display: flex !important;
}

.tb-dashboard-main-v2--builder [data-section-id="overview_chart"][x-cloak],
.tb-dashboard-main-v2--builder [data-section-id="top_performing_courses"][x-cloak],
.tb-dashboard-main-v2--builder [data-section-id="recent_reviews"][x-cloak] {
	display: block !important;
}

.tb-dashboard-main-v2--builder .tutor-popover[x-cloak] {
	display: none !important;
}

.tb-dashboard-main-v2--builder .tutor-billing-wrapper[x-cloak],
.tb-dashboard-main-v2--builder .tutor-review-form[x-cloak],
.tb-dashboard-main-v2--builder .tutor-discussion-single [x-cloak].tutor-w-full,
.tb-dashboard-main-v2--builder .tutor-discussion-card [x-cloak].tutor-w-full,
.tb-dashboard-main-v2--builder .tutor-discussion-card [x-cloak].tutor-card {
	display: block !important;
}

.tb-dashboard-main-v2--builder .tutor-profile-settings-section .tutor-tab-panel[x-cloak] {
	display: none !important;
}

.tb-dashboard-main-v2--builder .tutor-profile-settings-section .tutor-tab-panel.tb-dashboard-main-v2__active-settings-panel[x-cloak] {
	display: block !important;
}

.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] .tutor-form-control:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] .tutor-form-control.is-active,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] .tutor-input:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] input:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] textarea:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'account'"] select:focus,
.tb-dashboard-main-v2 .tutor-account-section .tutor-form-control:focus,
.tb-dashboard-main-v2 .tutor-account-section .tutor-form-control.is-active,
.tb-dashboard-main-v2 .tutor-account-section .tutor-input:focus,
.tb-dashboard-main-v2 .tutor-account-section input:focus,
.tb-dashboard-main-v2 .tutor-account-section textarea:focus,
.tb-dashboard-main-v2 .tutor-account-section select:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'security'"] .tutor-form-control:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'security'"] .tutor-input:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'security'"] input:focus,
.tb-dashboard-main-v2 .tutor-profile-settings-tab-content .tutor-tab-panel[x-show="activeTab === 'security'"] textarea:focus,
.tb-dashboard-main-v2 .tutor-social-accounts .tutor-form-control:focus,
.tb-dashboard-main-v2 .tutor-social-accounts .tutor-input:focus,
.tb-dashboard-main-v2 .tutor-social-accounts input:focus,
.tb-dashboard-main-v2 .tutor-social-accounts textarea:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form .tutor-form-control:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form .tutor-input:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form input:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form textarea:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form select:focus,
.tb-dashboard-main-v2 #tutor-billing-address-form .tutor-select[x-data*="billing_country"]:focus-within .tutor-select-trigger,
.tb-dashboard-main-v2 #tutor-billing-address-form .tutor-select[x-data*="billing_state"]:focus-within .tutor-select-trigger {
	box-shadow: 0 0 0 3px var(--tb-account-settings-field-focus-shadow-color, transparent) !important;
}

.tb-dashboard-main-v2 .tutor-account-section .tutor-select[x-data*="display_name"]:hover .tutor-select-trigger {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--tb-account-display-name-hover-shadow-color, transparent) 16%, transparent) !important;
}

.tb-dashboard-main-v2 .tutor-account-section .tutor-select[x-data*="display_name"]:focus-within .tutor-select-trigger,
.tb-dashboard-main-v2 .tutor-account-section .tutor-select[x-data*="display_name"] .tutor-select-trigger:focus {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--tb-account-display-name-focus-shadow-color, transparent) 16%, transparent) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section .tutor-select .tutor-select-trigger:hover,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-select .tutor-select-trigger:focus,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-select .tutor-select-trigger[aria-expanded="true"] {
	border-color: var(--tb-preferences-select-active-color, var(--tutor-border-brand-tertiary)) !important;
	box-shadow: 0 0 0 2px var(--tb-preferences-select-active-color, var(--tutor-brand-450, #90a0f7)) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch {
	accent-color: var(--tb-preferences-switch-active-bg);
	background-color: var(--tb-preferences-switch-bg) !important;
	border-color: var(--tb-preferences-switch-bg) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch:checked {
	background-color: var(--tb-preferences-switch-active-bg) !important;
	border-color: var(--tb-preferences-switch-active-bg) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch:focus {
	border-color: var(--tb-preferences-switch-focus-border-color, var(--tutor-border-brand-tertiary)) !important;
	box-shadow: 0 0 0 2px var(--tb-preferences-switch-focus-border-color, var(--tutor-brand-450, #90a0f7)) !important;
	outline: none !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch + .tutor-label::before,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-switch .slider {
	background-color: var(--tb-preferences-switch-bg) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch:checked + .tutor-label::before,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-switch input:checked + .slider {
	background-color: var(--tb-preferences-switch-active-bg) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section .tutor-input-field input.tutor-switch::after,
.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch + .tutor-label::after,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-switch .slider::before {
	background-color: var(--tb-preferences-switch-knob-bg) !important;
}

.tb-dashboard-main-v2 .tutor-preferences-section input.tutor-switch:focus + .tutor-label::before,
.tb-dashboard-main-v2 .tutor-preferences-section .tutor-switch input:focus + .slider {
	box-shadow: 0 0 1px var(--tb-preferences-switch-focus-border-color, var(--tutor-brand-450, #90a0f7)) !important;
}

.tb-dashboard-main-v2--builder .tutor-quiz-item-actions[x-cloak],
.tb-dashboard-main-v2--builder .tutor-discussion-card-actions[x-cloak] {
	display: flex !important;
}

.tb-dashboard-main-v2--builder .tutor-quiz-previous-attempts[x-cloak] {
	display: block !important;
}

.tb-dashboard-main-v2__custom-stat-icon {
	color: currentColor;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.tb-dashboard-main-v2__custom-stat-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.tb-dashboard-main-v2__message {
	margin: 0;
}