/**
 * Единый дизайн форм входа (my-dashboard) и регистрации (registration).
 * Цвета кнопок — акцент темы (--togo-accent-color), как у кнопок брони.
 */

/* Обёртка: как у формы логина */
.ur-frontend-form.login,
.user-registration.ur-frontend-form {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px 24px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* Заголовок формы */
.user-registration-login-title,
.user-registration-registration-title {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--togo-text-color-01, #1a1a1a);
	margin: 0 0 8px;
}
.user-registration-login-description,
.user-registration-registration-description {
	font-size: 14px;
	color: #70798c;
	margin: 0 0 24px;
	line-height: 1.5;
}

/* Строки и сетка */
.ur-frontend-form .ur-form-row,
.user-registration.ur-frontend-form .ur-form-row {
	display: block;
	margin-bottom: 20px;
	gap: 0;
}
.ur-frontend-form .ur-form-grid,
.user-registration.ur-frontend-form .ur-form-grid {
	width: 100% !important;
}

/* Лейблы */
.ur-frontend-form label,
.user-registration.ur-frontend-form .ur-label,
.user-registration.ur-frontend-form .form-row label {
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: var(--togo-text-color-01, #1a1a1a);
	margin-bottom: 6px;
}
.ur-frontend-form .form-row-wide label,
.user-registration.ur-frontend-form .form-row label {
	margin-bottom: 6px;
}

/* Поля ввода — один стиль как на логине */
.ur-frontend-form .user-registration-Input,
.ur-frontend-form .input-wrapper input,
.ur-frontend-form input[type="text"],
.ur-frontend-form input[type="email"],
.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form .user-registration-Input,
.user-registration.ur-frontend-form .input-wrapper input,
.user-registration.ur-frontend-form input[type="text"],
.user-registration.ur-frontend-form input[type="email"],
.user-registration.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form select,
.user-registration.ur-frontend-form textarea {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--togo-text-color-01, #1a1a1a);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.user-registration.ur-frontend-form textarea {
	min-height: 100px;
	resize: vertical;
}
.ur-frontend-form .user-registration-Input:focus,
.ur-frontend-form .input-wrapper input:focus,
.user-registration.ur-frontend-form .user-registration-Input:focus,
.user-registration.ur-frontend-form .input-wrapper input:focus,
.user-registration.ur-frontend-form input:focus,
.user-registration.ur-frontend-form select:focus,
.user-registration.ur-frontend-form textarea:focus {
	outline: none;
	border-color: var(--togo-accent-color, #9880ff);
	box-shadow: 0 0 0 3px rgba(152, 128, 255, 0.15);
}
.ur-frontend-form input::placeholder,
.user-registration.ur-frontend-form input::placeholder {
	color: #bababa;
}

/* Чекбокс «Запомнить меня» */
.ur-frontend-form .user-registration-form__label-for-checkbox,
.user-registration.ur-frontend-form .user-registration-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;
}

/* Ссылки (Забыли пароль?, Регистрация) — акцент */
.ur-frontend-form .user-registration-LostPassword a,
.ur-frontend-form .user-registration-register a,
.user-registration.ur-frontend-form a:not(.ur-submit-button) {
	color: var(--togo-accent-color, #9880ff);
	text-decoration: none;
}
.ur-frontend-form .user-registration-LostPassword a:hover,
.ur-frontend-form .user-registration-register a:hover,
.user-registration.ur-frontend-form a:hover {
	text-decoration: underline;
}

/* Кнопка отправки — цвет как у кнопок брони */
.ur-frontend-form .user-registration-Button.ur-submit-button,
.ur-frontend-form button.ur-submit-button,
.user-registration.ur-frontend-form .ur-button-container .ur-submit-button,
.user-registration.ur-frontend-form button[type="submit"] {
	display: inline-block;
	width: 100%;
	min-height: 48px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	color: #fff !important;
	background: var(--togo-accent-color, #9880ff) !important;
	border: none !important;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.ur-frontend-form .user-registration-Button.ur-submit-button:hover,
.ur-frontend-form button.ur-submit-button:hover,
.user-registration.ur-frontend-form .ur-button-container .ur-submit-button:hover,
.user-registration.ur-frontend-form button[type="submit"]:hover {
	opacity: 0.92;
	box-shadow: 0 6px 16px rgba(15, 24, 40, 0.15);
}
.ur-frontend-form .user-registration-Button.ur-submit-button:focus,
.user-registration.ur-frontend-form button[type="submit"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(152, 128, 255, 0.35);
}

/* Блок кнопки — на всю ширину плашки, как на логине */
.ur-frontend-form .form-row:last-of-type,
.user-registration.ur-frontend-form .ur-button-container {
	width: 100%;
	max-width: 100%;
	margin-top: 24px;
	margin-bottom: 0;
	box-sizing: border-box;
}
.user-registration.ur-frontend-form .ur-button-container .ur-submit-button,
.user-registration.ur-frontend-form .ur-button-container button {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* Регистрация: блок «Ещё не зарегистрированы?» под кнопкой */
.ur-frontend-form .user-registration-register {
	margin-top: 16px;
	text-align: center;
	font-size: 14px;
}

/* Уведомления (ошибки/успех) */
.ur-frontend-form .user-registration-error,
.user-registration.ur-frontend-form .ur-message.user-registration-error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 6px;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #991b1b;
}
.ur-frontend-form .user-registration-message,
.user-registration.ur-frontend-form .ur-message.user-registration-message {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #166534;
}

/* Адаптив */
@media (max-width: 576px) {
	.ur-frontend-form.login,
	.user-registration.ur-frontend-form {
		padding: 24px 16px;
		margin-left: 0;
		margin-right: 0;
	}
}

/* ===== Форма добавления менеджера отеля [togo_add_hotel_manager] — в едином стиле с формами входа/регистрации ===== */
.togo-add-manager-form {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px 24px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
}
.togo-add-manager-form--denied {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 16px;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 6px;
	font-size: 14px;
	color: #991b1b;
}
.togo-add-manager-form__message {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #166534;
}
.togo-add-manager-form__error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 6px;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #991b1b;
}
.togo-add-manager-form__row {
	display: block;
	margin-bottom: 20px;
}
.togo-add-manager-form__row:last-child {
	margin-bottom: 0;
}
.togo-add-manager-form__row label {
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: var(--togo-text-color-01, #1a1a1a);
	margin-bottom: 6px;
}
.togo-add-manager-form__row .required {
	color: #dc2626;
}
.togo-add-manager-form__row input[type="text"],
.togo-add-manager-form__row input[type="email"],
.togo-add-manager-form__row select {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--togo-text-color-01, #1a1a1a);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.togo-add-manager-form__row select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 36px;
}
.togo-add-manager-form__row input:focus,
.togo-add-manager-form__row select:focus {
	outline: none;
	border-color: var(--togo-accent-color, #9880ff);
	box-shadow: 0 0 0 3px rgba(152, 128, 255, 0.15);
}
.togo-add-manager-form__row input::placeholder {
	color: #bababa;
}
.togo-add-manager-form__submit {
	margin-top: 24px;
	margin-bottom: 0;
}
.togo-add-manager-form__submit .button {
	display: inline-block;
	width: 100%;
	min-height: 48px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	color: #fff !important;
	background: var(--togo-accent-color, #9880ff) !important;
	border: none !important;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	box-sizing: border-box;
}
.togo-add-manager-form__submit .button:hover {
	opacity: 0.92;
	box-shadow: 0 6px 16px rgba(15, 24, 40, 0.15);
}
.togo-add-manager-form__submit .button:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(152, 128, 255, 0.35);
}
@media (max-width: 576px) {
	.togo-add-manager-form {
		padding: 24px 16px;
		margin-left: 0;
		margin-right: 0;
	}
}