/**
 * Neutralize Elementor kit 481 form/button styles inside Tutor UI.
 *
 * Kit 481 applies to every button:
 *   background #EAEAEA, color #0D0D0D, padding 19px 46px
 * and to inputs/textareas: padding 19px 25px.
 *
 * That light fill wins over most Tutor button/tab rules in dark mode.
 * :where() keeps this at kit specificity so Themeum's more specific
 * selectors still win; equal-specificity Tutor tabs/buttons are restored below.
 */

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="button"],
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="submit"] {
	background-color: unset;
	color: unset;
	border-style: unset;
	border-width: unset;
	border-radius: unset;
	padding: unset;
	font-weight: unset;
	font-size: unset;
	text-transform: unset;
	line-height: unset;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button:hover,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button:focus,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="button"]:hover,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="button"]:focus,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="submit"]:hover,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input[type="submit"]:focus {
	background-color: unset;
	color: unset;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) input:not([type="button"]):not([type="submit"]),
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) textarea {
	padding: unset;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field textarea.tutor-text-area {
	padding: 7px 12px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input.tutor-input-sm {
	padding: 5px 8px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input.tutor-input-lg {
	padding: 12px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input.tutor-input-content-left {
	padding-inline-start: 40px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input.tutor-input-content-right {
	padding-inline-end: 40px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field input.tutor-input.tutor-input-content-clear {
	padding-inline-end: 36px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field .tutor-input-wrapper:has(.tutor-input-sm) input.tutor-input.tutor-input-content-left {
	padding-inline-start: 32px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-input-field .tutor-input-wrapper:has(.tutor-input-sm) input.tutor-input.tutor-input-content-right {
	padding-inline-end: 32px;
}

/* Restore Tutor buttons after the kit-level unset (same 0,1,1 specificity). */
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn {
	background-color: transparent;
	color: var(--tutor-text-primary);
	border-style: none;
	border-radius: var(--tutor-button-radius, 6px);
	padding: 8px 12px;
	font-weight: var(--tutor-button-font-weight, 500);
	font-size: inherit;
	text-transform: none;
	line-height: inherit;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-x-small:not([class*="tutor-btn-link"]),
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-small:not([class*="tutor-btn-link"]),
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-x-small:not([class*="tutor-btn-link"]),
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-small:not([class*="tutor-btn-link"]) {
	padding: 6px 12px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-icon,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-icon {
	padding: 10px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-icon.tutor-btn-x-small,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-icon.tutor-btn-x-small {
	padding: 8px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-icon.tutor-btn-small,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-icon.tutor-btn-small {
	padding: 9px;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-primary,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-primary {
	background-color: var(--tutor-button-primary);
	color: var(--tutor-text-primary-inverse);
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-primary-soft,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-primary-soft {
	background-color: var(--tutor-button-primary-soft);
	color: var(--tutor-text-brand);
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-secondary,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-secondary {
	background-color: var(--tutor-button-secondary);
	color: var(--tutor-text-primary);
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-outline,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-outline {
	background-color: var(--tutor-button-outline-inverse);
	color: var(--tutor-text-primary);
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-btn-ghost,
.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) a.tutor-btn-ghost {
	background-color: transparent;
	color: var(--tutor-text-primary);
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) .tutor-dashboard-header-user-avatar {
	background-color: transparent;
	color: var(--tutor-text-primary);
	padding: 9px;
	border: none;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-tabs-tab {
	background-color: transparent;
	color: var(--tutor-text-primary);
	padding: 8px 16px;
	font-weight: var(--tutor-tab-font-weight, 500);
	font-size: 0.875rem;
	text-transform: none;
	border: none;
	border-radius: var(--tutor-tab-radius, 8px);
	line-height: 1.375rem;
}

.elementor-kit-481 :where(.tutor-dashboard-layout, .tutor-learning-area, .tutor-modal) button.tutor-tabs-tab-active {
	background-color: var(--tutor-tab-l3-active);
	color: var(--tutor-text-brand);
}