/* ==========================================================================
   FORM ĐĂNG KÝ TƯ VẤN (#popup — CF7 #352) & NHẬN PROPOSAL (#popup-proposal — CF7 #1427)
   Markup form nằm trong DB (CF7), khung modal + JS ở functions.php.
   File này dựng lại giao diện; mọi selector bắt đầu bằng :is(#popup, #popup-proposal)
   (độ ưu tiên ID) để thắng CSS cũ (style.css + <style id="at-brands-modal-style">) vốn dùng !important.
   ========================================================================== */

:is(#popup, #popup-proposal) {
	--cf-ink: #101828;
	--cf-text: #344054;
	--cf-muted: #667085;
	--cf-faint: #98A2B3;
	--cf-border: #D0D5DD;
	--cf-line: #EAECF0;
	--cf-soft: #F9FAFB;
	--cf-accent: #E04F16;
	--cf-accent-dark: #C2410C;
	--cf-danger: #D92D20;

	border-radius: 14px !important;
	overflow: hidden !important;
	background: #fff !important;
	box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.25) !important;
}

/* --- Header --- */
:is(#popup, #popup-proposal) .popup-demo-head.at-modal-header {
	position: relative !important;
	display: block !important;
	text-align: left !important;
	padding: 22px 56px 18px 28px !important;
	background: #fff !important;
	border-bottom: 1px solid var(--cf-line) !important;
}

:is(#popup, #popup-proposal) .at-modal-title {
	font-size: 19px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.01em !important;
	color: var(--cf-ink) !important;
	text-align: left !important;
	text-transform: none !important;
	margin: 0 !important;
}

:is(#popup, #popup-proposal) .at-modal-subtitle {
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	color: var(--cf-muted) !important;
	text-align: left !important;
	margin: 4px 0 0 !important;
}

:is(#popup, #popup-proposal) .at-modal-close-btn {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: var(--cf-faint) !important;
	box-shadow: none !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

:is(#popup, #popup-proposal) .at-modal-close-btn:hover {
	background: #F2F4F7 !important;
	color: var(--cf-text) !important;
}

/* --- Thân form --- */
:is(#popup, #popup-proposal) .popup-demo-body.at-modal-body {
	/* .mfp-wrap bị giới hạn 90vh (Customizer CSS): chừa chỗ cho header + lề trên */
	max-height: calc(90vh - 170px) !important;
	overflow-x: hidden !important;
	padding: 0 28px !important;
	background: #fff !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-section {
	margin: 0 !important;
	padding: 22px 0 6px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cf-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-section-heading {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-sec-left {
	display: flex !important;
	align-items: baseline !important;
	gap: 8px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-sec-num {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	color: var(--cf-faint) !important;
	font-variant-numeric: tabular-nums;
}

:is(#popup, #popup-proposal) .at-brands-form .at-sec-num::after {
	content: ".";
}

:is(#popup, #popup-proposal) .at-brands-form .at-sec-title {
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: -0.005em !important;
	color: var(--cf-ink) !important;
	text-transform: none !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-sec-tag {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--cf-faint) !important;
	white-space: nowrap !important;
}

/* Nhóm bắt buộc: dấu * ở từng trường là đủ, ẩn nhãn "Bắt buộc" */
:is(#popup, #popup-proposal) .at-brands-form .at-sec-tag.at-tag-req {
	display: none !important;
}

/* Nhóm không bắt buộc thu gọn được (class do js/at-consult-form.js gắn) */
:is(#popup, #popup-proposal) .at-brands-form .at-form-section.at-cf-collapsible .at-section-heading {
	cursor: pointer;
	user-select: none;
	margin-bottom: 0 !important;
	padding-bottom: 16px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-section.at-cf-collapsible {
	padding-bottom: 0 !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-section.at-cf-collapsible:not(.is-collapsed) .at-form-row {
	padding-bottom: 6px;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-section.is-collapsed > .at-form-row {
	display: none !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-cf-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--cf-muted);
	white-space: nowrap;
}

:is(#popup, #popup-proposal) .at-brands-form .at-cf-toggle::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.15s ease, margin 0.15s ease;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-section:not(.is-collapsed) .at-cf-toggle::after {
	transform: rotate(-135deg);
	margin-top: 3px;
}

:is(#popup, #popup-proposal) .at-brands-form .at-cf-collapsible .at-section-heading:hover .at-sec-title,
:is(#popup, #popup-proposal) .at-brands-form .at-cf-collapsible .at-section-heading:hover .at-cf-toggle {
	color: var(--cf-accent) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-cf-collapsible .at-section-heading:focus-visible {
	outline: 2px solid var(--cf-accent);
	outline-offset: 4px;
	border-radius: 4px;
}

/* --- Lưới & trường nhập --- */
:is(#popup, #popup-proposal) .at-brands-form .at-form-row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 0 -8px !important;
	gap: 0 !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-group {
	padding: 0 8px !important;
	margin: 0 0 14px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-group.col-6 {
	flex: 0 0 50% !important;
	max-width: 50% !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-group.col-12 {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-form-label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: var(--cf-text) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin: 0 0 6px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-required {
	color: var(--cf-accent) !important;
	margin-left: 1px !important;
}

:is(#popup, #popup-proposal) .at-brands-form input[type="text"],
:is(#popup, #popup-proposal) .at-brands-form input[type="email"],
:is(#popup, #popup-proposal) .at-brands-form input[type="tel"],
:is(#popup, #popup-proposal) .at-brands-form input[type="date"],
:is(#popup, #popup-proposal) .at-brands-form select,
:is(#popup, #popup-proposal) .at-brands-form textarea {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: var(--cf-ink) !important;
	background-color: #fff !important;
	border: 1px solid var(--cf-border) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

:is(#popup, #popup-proposal) .at-brands-form select {
	padding-right: 36px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 12px !important;
}

:is(#popup, #popup-proposal) .at-brands-form textarea {
	height: 88px !important;
	min-height: 64px !important;
	padding: 10px 12px !important;
	resize: vertical !important;
}

:is(#popup, #popup-proposal) .at-brands-form input::placeholder,
:is(#popup, #popup-proposal) .at-brands-form textarea::placeholder {
	color: var(--cf-faint) !important;
	opacity: 1 !important;
}

:is(#popup, #popup-proposal) .at-brands-form input:hover,
:is(#popup, #popup-proposal) .at-brands-form select:hover,
:is(#popup, #popup-proposal) .at-brands-form textarea:hover {
	border-color: #98A2B3 !important;
}

:is(#popup, #popup-proposal) .at-brands-form input:focus,
:is(#popup, #popup-proposal) .at-brands-form select:focus,
:is(#popup, #popup-proposal) .at-brands-form textarea:focus {
	outline: none !important;
	border-color: var(--cf-accent) !important;
	box-shadow: 0 0 0 3px rgba(224, 79, 22, 0.14) !important;
}

/* Kênh bán hàng: select + input trên một hàng */
:is(#popup, #popup-proposal) .at-brands-form .at-channel-row {
	display: flex !important;
	gap: 8px !important;
	margin: 0 0 8px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-channel-select-wrap {
	flex: 0 0 40% !important;
	width: auto !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-channel-input-wrap {
	flex: 1 1 auto !important;
	width: auto !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-btn-add-channel {
	display: flex !important;
	width: fit-content !important;
	align-items: center !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 2px 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-transform: none !important;
	color: var(--cf-accent) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-btn-add-channel:hover {
	color: var(--cf-accent-dark) !important;
	text-decoration: underline !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-date-grid {
	margin: 0 -4px !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-date-grid .at-form-group {
	padding: 0 4px !important;
}

/* --- Đồng ý điều khoản --- */
:is(#popup, #popup-proposal) .at-consent-box {
	margin: 18px 0 8px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	display: grid !important;
	gap: 10px !important;
}

:is(#popup, #popup-proposal) .at-consent-item {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

:is(#popup, #popup-proposal) .at-consent-item label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	cursor: pointer !important;
}

:is(#popup, #popup-proposal) .at-consent-item .at-checkbox-input {
	flex-shrink: 0 !important;
	width: 16px !important;
	height: 16px !important;
	margin: 2px 0 0 !important;
	accent-color: var(--cf-accent);
}

:is(#popup, #popup-proposal) .at-consent-item .wpcf7-list-item {
	margin: 0 !important;
}

:is(#popup, #popup-proposal) .at-consent-item .wpcf7-list-item-label {
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	color: var(--cf-muted) !important;
}

:is(#popup, #popup-proposal) .at-consent-item .wpcf7-list-item-label a {
	color: var(--cf-text) !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

:is(#popup, #popup-proposal) .at-consent-item .wpcf7-list-item-label a:hover {
	color: var(--cf-accent) !important;
}

/* --- Chân form cố định: tiến trình + nút --- */
/* Footer sticky nằm trong luồng nội dung nên không đè trường cuối, bỏ khoảng đệm cũ */
:is(#popup, #popup-proposal) .at-footer-spacer {
	height: 8px !important;
	min-height: 0 !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-modal-footer {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 24px !important;
	margin: 0 -28px !important;
	width: calc(100% + 56px) !important;
	padding: 14px 28px !important;
	background: #fff !important;
	border-top: 1px solid var(--cf-line) !important;
	box-shadow: 0 -8px 16px -12px rgba(16, 24, 40, 0.12) !important;
}

:is(#popup, #popup-proposal) .at-sticky-prog-box {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions {
	flex: 0 0 auto !important;
	width: auto !important;
}

:is(#popup, #popup-proposal) .at-prog-line-row {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 0 6px !important;
}

:is(#popup, #popup-proposal) .at-prog-limit,
:is(#popup, #popup-proposal) .at-prog-pin {
	display: none !important;
}

:is(#popup, #popup-proposal) .at-prog-track-wrapper {
	flex: 1 1 auto !important;
	padding: 0 !important;
}

:is(#popup, #popup-proposal) .at-prog-track {
	height: 4px !important;
	border-radius: 99px !important;
	background: #F2F4F7 !important;
	overflow: hidden !important;
}

:is(#popup, #popup-proposal) .at-prog-bar-fill {
	height: 100% !important;
	border-radius: 99px !important;
	transition: width 0.3s ease, background-color 0.3s ease !important;
}

:is(#popup, #popup-proposal) .at-cf-percent {
	flex-shrink: 0;
	min-width: 34px;
	text-align: right;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--cf-text);
	font-variant-numeric: tabular-nums;
}

:is(#popup, #popup-proposal) .at-prog-caption {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12.5px !important;
	line-height: 1.45 !important;
	text-align: left !important;
	color: var(--cf-muted) !important;
}

:is(#popup, #popup-proposal) .at-footer-actions {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
}

/* Dự phòng nếu CF7 vẫn bọc 2 nút trong <p> + <br> (autop bật): cho <p> "trong suốt" để "Hủy bỏ" và nút gửi vẫn là phần tử flex cùng hàng */
:is(#popup, #popup-proposal) .at-footer-actions > p {
	display: contents !important;
}

:is(#popup, #popup-proposal) .at-footer-actions br {
	display: none !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions .at-btn-cancel {
	flex: 0 0 auto !important;
	width: auto !important;
	/* Rule cũ trong functions.php đặt max-width: 30% (theo bề rộng khối chứa). Khối chứa co lại khi nút gửi đổi chữ
	   thành "Đang gửi..." → 30% < bề rộng chữ → "Hủy bỏ" bị xuống 2 dòng. Bỏ giới hạn và không cho chữ xuống dòng. */
	max-width: none !important;
	white-space: nowrap !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1px solid var(--cf-border) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--cf-text) !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions .at-btn-cancel:hover {
	background: var(--cf-soft) !important;
	border-color: #98A2B3 !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions input[type="submit"] {
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: none !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--cf-accent) !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: #fff !important;
	transition: background-color 0.15s ease !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions input[type="submit"]:hover {
	background: var(--cf-accent-dark) !important;
	transform: none !important;
}

/* CF7 khóa nút gửi tới khi tick đồng ý Chính sách bảo mật — cho người dùng thấy rõ */
:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions input[type="submit"]:disabled {
	background: #F2F4F7 !important;
	color: var(--cf-faint) !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
}

/* --- "Giải pháp chiến lược quan tâm": danh sách tích chọn nhiều ([checkbox* your-solution]) --- */
:is(#popup, #popup-proposal) .at-brands-form .at-form-hint {
	display: block !important;
	margin: -2px 0 8px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: var(--cf-muted) !important;
}

/* CF7 tự gắn .wpcf7-not-valid khi danh sách còn trống (CSS cũ tô nền hồng/viền đỏ) → bỏ,
   chỉ báo lỗi theo .at-input-error do JS form gắn khi bấm gửi (giống input/select). */
:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks,
:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks.wpcf7-not-valid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks .wpcf7-list-item {
	display: block !important;
	margin: 0 !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	background: #fff !important;
	border: 1px solid var(--cf-border) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks label:hover {
	border-color: var(--cf-faint) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks input[type="checkbox"] {
	flex-shrink: 0 !important;
	width: 16px !important;
	height: 16px !important;
	margin: 2px 0 0 !important;
	accent-color: var(--cf-accent);
	cursor: pointer !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks .wpcf7-list-item-label {
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 500 !important;
	color: var(--cf-text) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks label:has(input:checked) {
	background: #FFF6F1 !important;
	border-color: var(--cf-accent) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks label:has(input:checked) .wpcf7-list-item-label {
	color: var(--cf-ink) !important;
}

:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks label:has(input:focus-visible) {
	box-shadow: 0 0 0 3px rgba(224, 79, 22, 0.15) !important;
}

/* Chưa tích lựa chọn nào khi bấm gửi → viền đỏ cho cả danh sách */
:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks:has(.at-input-error) label {
	border-color: var(--cf-danger) !important;
}

/* --- Lỗi & thông báo --- */
/* Chỉ tô lỗi theo class do JS form gắn khi bấm gửi (.at-input-error). Không dùng
   .wpcf7-not-valid: CF7 tự gắn cho mọi trường trống ngay khi tick ô đồng ý. */
:is(#popup, #popup-proposal) .at-brands-form input.at-input-error,
:is(#popup, #popup-proposal) .at-brands-form select.at-input-error,
:is(#popup, #popup-proposal) .at-brands-form textarea.at-input-error {
	border-color: var(--cf-danger) !important;
	box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.1) !important;
}

:is(#popup, #popup-proposal) .at-brands-form input.wpcf7-not-valid:not(.at-input-error):not(:focus),
:is(#popup, #popup-proposal) .at-brands-form select.wpcf7-not-valid:not(.at-input-error):not(:focus),
:is(#popup, #popup-proposal) .at-brands-form textarea.wpcf7-not-valid:not(.at-input-error):not(:focus) {
	border-color: var(--cf-border) !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .at-field-error {
	display: block !important;
	margin: 6px 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--cf-danger) !important;
}

:is(#popup, #popup-proposal) .popup-demo-body .wpcf7-response-output {
	margin: 0 0 12px !important;
	padding: 10px 12px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
}

/* --- Mobile --- */
@media (max-width: 767px) {
	:is(#popup, #popup-proposal) {
		border-radius: 14px !important;
	}

	:is(#popup, #popup-proposal) .popup-demo-head.at-modal-header {
		padding: 16px 52px 14px 18px !important;
	}

	:is(#popup, #popup-proposal) .at-modal-title {
		font-size: 17px !important;
	}

	/* Màn hình hẹp: bỏ phụ đề để dành chỗ cho form */
	:is(#popup, #popup-proposal) .at-modal-subtitle {
		display: none !important;
	}

	:is(#popup, #popup-proposal) .at-modal-close-btn {
		top: 12px !important;
		right: 12px !important;
	}

	/* .mfp-wrap giới hạn 90vh; header mobile ~80px + lề */
	:is(#popup, #popup-proposal) .popup-demo-body.at-modal-body {
		max-height: calc(90vh - 120px) !important;
		padding: 0 18px !important;
	}

	:is(#popup, #popup-proposal) .at-brands-form .at-form-group.col-6 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	/* Kèm .wpcf7-not-valid: CF7 gắn class này khi chưa tích ô nào, rule 2 cột ở trên có selector mạnh hơn
	   → trước khi tích hiện 2 cột, tích xong nhảy về 1 cột. */
	:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks,
	:is(#popup, #popup-proposal) .at-brands-form .at-solution-checks.wpcf7-not-valid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	:is(#popup, #popup-proposal) .at-brands-form .at-date-grid .at-form-group.col-6 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	:is(#popup, #popup-proposal) .at-brands-form .at-modal-footer {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin: 0 -18px !important;
		width: calc(100% + 36px) !important;
		padding: 12px 18px 14px !important;
	}

	/* Chỉ giữ thanh %; gợi ý dài chỉ hiện khi đang báo lỗi */
	:is(#popup, #popup-proposal) .at-prog-caption:not(:has(#at-hint-text > span)) {
		display: none !important;
	}

	:is(#popup, #popup-proposal) .at-prog-line-row {
		margin: 0 !important;
	}

	/* Đã có nút X để đóng: bỏ "Hủy bỏ", nút gửi rộng hết hàng */
	:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions {
		display: block !important;
		width: 100% !important;
	}

	:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions .at-btn-cancel {
		display: none !important;
	}

	:is(#popup, #popup-proposal) .popup-demo-body .at-footer-actions input[type="submit"] {
		width: 100% !important;
		max-width: none !important;
		padding: 0 14px !important;
	}
}

/* ==========================================================================
   RIÊNG FORM NHẬN PROPOSAL (#popup-proposal — CF7 #1427)
   ========================================================================== */

/* Tiêu đề section dạng chữ ("1. Thông tin Doanh nghiệp…") */
#popup-proposal .at-brands-form .at-section-title {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: -0.005em !important;
	text-transform: none !important;
	color: var(--cf-ink) !important;
}

#popup-proposal .at-brands-form .at-section-title::before {
	display: none !important;
}

/* Section chi tiết theo sản phẩm (AI Livestream / Creative UGC / Ecom Growth / tùy biến) */
#popup-proposal .at-brands-form .at-form-section.at-dynamic-section {
	margin: 18px 0 !important;
	padding: 18px 18px 4px !important;
	border: 1px solid var(--cf-line) !important;
	border-radius: 10px !important;
	background: var(--cf-soft) !important;
	box-shadow: none !important;
}

#popup-proposal .at-brands-form .at-badge-tech {
	display: inline-flex !important;
	align-items: center !important;
	padding: 2px 8px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #FFF4ED !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--cf-accent) !important;
}

/* Không có thanh tiến trình: nút canh phải */
#popup-proposal .at-brands-form .at-modal-footer {
	justify-content: flex-end !important;
}