.tb-login-form .tutor-login-wrap,
.tb-dashboard-main-v2__guest .tutor-login-wrap {
	width: 520px;
	max-width: 100%;
	margin: 70px auto;
}

.tutor-login-modal .tutor-modal-window.tutor-modal-window-sm {
	width: min(520px, calc(100% - 32px));
	max-width: none;
}

.tutor-login-modal .tutor-modal-content {
	width: 100%;
	max-width: none;
	padding: 0;
}

.tutor-login-modal .tutor-modal-body {
	padding: 0;
}

.tutor-login-modal .tutor-modal-body > .tutor-py-48 {
	padding: 8px;
}

/* Tutor 4 Core and legacy frontend CSS define conflicting base modal displays. */
.tutor-login-modal[aria-hidden="true"] {
	display: none;
}

.tutor-login-modal.tutor-is-active {
	display: block;
}

/* Tutor's legacy modal and Tutor 4 core reuse these utility names with different scales. */
.tutor-login-modal #tutor-login-form > .tutor-mb-12 {
	margin-bottom: 12px;
}

.tutor-login-modal #tutor-login-form > .tutor-mb-20 {
	margin-bottom: 20px;
}

.tutor-login-modal #tutor-login-form > .tutor-mb-32 {
	margin-bottom: 32px;
}

.tutor-login-modal #tutor-login-form > .tutor-mb-40 {
	margin-bottom: 40px;
}

.tutor-login-modal #tutor-login-form > .tutor-mt-20 {
	margin-top: 20px;
}

/* Keep native Tutor 4 form geometry stable under Bricks' 62.5% root and legacy CSS. */
.tb-login-form #tutor-login-form .tutor-form-control.tutor-input,
.tb-student-registration #tutor-registration-form .tutor-form-control.tutor-input,
.tb-instructor-registration #tutor-registration-form .tutor-form-control.tutor-input,
.tb-password-recovery-surface .tutor-ResetPassword .tutor-form-control.tutor-input {
	width: 100%;
	height: auto;
	min-height: auto;
	margin: 0;
	padding: 7px 12px;
	font-family: var(--tutor-font-family-body, "Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-indent: 0;
	border-radius: var(--tutor-input-radius, 6px);
}

.tb-student-registration #tutor-registration-form .tutor-input-field.tutor-mb-8,
.tb-instructor-registration #tutor-registration-form .tutor-input-field.tutor-mb-8,
.tb-instructor-registration #tutor-registration-form .tutor-password-strength-checker.tutor-mb-8 {
	margin-bottom: 24px;
}

.tb-student-registration #tutor-registration-form .tutor-input-wrapper .tutor-label,
.tb-instructor-registration #tutor-registration-form .tutor-input-wrapper .tutor-label {
	font-size: 14px;
	line-height: 22px;
}

.tb-student-registration #tutor-registration-form .tutor-small,
.tb-instructor-registration #tutor-registration-form .tutor-small {
	font-size: 14px;
	line-height: 22px;
}

.tb-student-registration #tutor-registration-form .tutor-btn,
.tb-instructor-registration #tutor-registration-form .tutor-btn {
	font-size: 14px;
	line-height: 22px;
}

.tb-login-form .tb-login-heading.tutor-h3 {
	font-size: 24px;
	line-height: 32px;
}

.tb-login-form #tutor-login-form .tutor-btn,
.tb-login-form #tutor-login-form .tutor-small,
.tb-login-form #tutor-login-form .tutor-input-wrapper .tutor-label {
	font-size: 14px;
	line-height: 22px;
}

.tb-login-popup-preview .tutor-login-modal {
	z-index: auto;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: auto;
	left: auto;
	overflow: visible;
}

.tb-login-popup-preview .tutor-modal-overlay {
	display: none;
}

.tb-login-popup-preview .tutor-modal-window {
	min-height: 0;
	margin: 0 auto;
}

.tb-login-form #tutor-login-form .tutor-form-control:focus,
.tutor-login-modal #tutor-login-form .tutor-form-control:focus,
.tb-dashboard-main-v2__guest #tutor-login-form .tutor-form-control:focus,
.tb-student-registration #tutor-registration-form .tutor-form-control:focus,
.tb-instructor-registration #tutor-registration-form .tutor-form-control:focus,
.tb-password-recovery-surface .tutor-ResetPassword .tutor-form-control:focus {
	box-shadow: 0 0 0 2px var(--tb-tutor-form-focus-color, #90a0f7);
}