/*
 * Единая холодная система всплывающих форм.
 * Разметка, обработчики и расположение полей не меняются.
 * Золото зарезервировано для главного действия отправки.
 */

.callback-modal-backdrop {
	background:
		radial-gradient(circle at 50% 18%, rgba(48, 121, 207, 0.2), transparent 36%),
		rgba(0, 5, 15, 0.88) !important;
	backdrop-filter: blur(10px) saturate(0.9) !important;
}

.callback-dialog {
	border: 1px solid rgba(91, 166, 244, 0.58) !important;
	background:
		linear-gradient(145deg, rgba(8, 31, 62, 0.96), rgba(1, 10, 25, 0.985) 58%, rgba(2, 17, 38, 0.98)),
		radial-gradient(circle at 82% 4%, rgba(63, 143, 230, 0.18), transparent 33%) !important;
	box-shadow:
		inset 0 1px 0 rgba(187, 224, 255, 0.1),
		0 30px 90px rgba(0, 0, 0, 0.64),
		0 0 42px rgba(32, 107, 192, 0.13) !important;
}

.callback-close img {
	filter: grayscale(1) sepia(1) saturate(5) hue-rotate(166deg) brightness(1.16) drop-shadow(0 0 8px rgba(75, 158, 246, 0.24)) !important;
}

.callback-dialog .career-logo {
	/* Фирменный знак всегда сохраняет исходное золото Logo-gold.png. */
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 9px rgba(209, 179, 107, 0.12)) !important;
}

.callback-dialog .brand-gold {
	color: #d1b36b !important;
	-webkit-text-fill-color: #d1b36b !important;
}

.callback-dialog .brand-white {
	color: #edf6ff !important;
}

.callback-ornament {
	opacity: 0.86;
	/* ornament_line.png — фирменная золотая рюшечка, без синего перекрашивания. */
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.26)) drop-shadow(0 0 10px rgba(209, 179, 107, 0.14)) !important;
}

.callback-heading h2 {
	color: #edf6ff !important;
	text-shadow: 0 0 18px rgba(67, 151, 240, 0.12) !important;
}

.callback-heading p {
	color: #aebed1 !important;
}

.callback-form label > span {
	color: #aec6df !important;
}

.callback-form input[type="text"],
.callback-form input[type="tel"],
.callback-form input[type="email"],
.callback-form input[type="number"],
.callback-form input[type="date"],
.callback-form select,
.callback-form textarea {
	border-color: rgba(100, 168, 238, 0.42) !important;
	color: #edf6ff !important;
	background-color: rgba(1, 10, 25, 0.76) !important;
	box-shadow: inset 0 1px 0 rgba(192, 225, 255, 0.035) !important;
}

.callback-form select {
	background:
		linear-gradient(45deg, transparent 50%, rgba(139, 197, 255, 0.92) 50%) right 18px center / 8px 8px no-repeat,
		linear-gradient(135deg, rgba(139, 197, 255, 0.92) 50%, transparent 50%) right 12px center / 8px 8px no-repeat,
		rgba(1, 10, 25, 0.76) !important;
}

.callback-form select option,
.callback-form select optgroup {
	background-color: #061326 !important;
	color: #edf6ff !important;
	-webkit-text-fill-color: #edf6ff !important;
}

.callback-form input:focus,
.callback-form select:focus,
.callback-form textarea:focus {
	border-color: rgba(119, 188, 255, 0.92) !important;
	box-shadow: 0 0 0 3px rgba(62, 143, 230, 0.13), 0 0 22px rgba(41, 120, 207, 0.08) !important;
}

.callback-consent input {
	accent-color: #438fd9 !important;
}

.callback-consent a {
	color: #8bc5ff !important;
	border-bottom-color: rgba(112, 181, 248, 0.48) !important;
}

.callback-submit {
	border-color: rgba(225, 190, 101, 0.82) !important;
	color: #f0d58e !important;
	background: linear-gradient(180deg, rgba(217, 179, 82, 0.18), rgba(57, 39, 10, 0.28)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 236, 177, 0.12), 0 12px 30px rgba(0, 0, 0, 0.32) !important;
}

.callback-status {
	color: #aebed1 !important;
}

.callback-status.is-success {
	color: #9bd0ff !important;
}

@media (max-width: 620px) {
	.callback-dialog {
		border-color: rgba(91, 166, 244, 0.44) !important;
	}
}