/*
 * Личный кабинет клиента (page-templates/account.php, этап 8). Цвета и шрифты — только токены brand.css.
 * Поля форм — общие с конструктором (builder.css: .mv-field, .mv-check, .mv-hp).
 */

.mv-account { max-width: 880px; }
.mv-account__intro { max-width: 36em; }

.mv-account__form { max-width: 520px; margin-block: 24px 48px; }
.mv-account__form .mv-button { margin-top: 12px; }

.mv-account__notice, .mv-account__error {
	margin: 24px 0; padding: 16px 20px;
	border-left: 3px solid var(--mv-blue); background: var(--mv-tint);
}
.mv-account__error { border-left-color: var(--mv-magenta); }

.mv-account__bar {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
	padding-bottom: 16px; border-bottom: 1px solid var(--mv-line);
}
.mv-account__bar form { margin: 0; }

.mv-enquiry { padding-block: 32px; border-bottom: 1px solid var(--mv-line); }
.mv-enquiry__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; }
.mv-enquiry__head h2 { margin: 0; font-size: 1.5rem; }
.mv-enquiry__meta { margin: 4px 0 0; }

.mv-status-pill {
	display: inline-block; padding: 4px 14px; border-radius: 999px;
	font-family: var(--mv-font-display); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase;
	border: 1px solid var(--mv-blue); color: var(--mv-blue);
}
.mv-status-pill--confirmed { background: var(--mv-blue); color: var(--mv-white); }
.mv-status-pill--offer_sent { background: var(--mv-magenta); border-color: var(--mv-magenta); color: var(--mv-white); }
.mv-status-pill--cancelled, .mv-status-pill--closed { border-color: var(--mv-silver); }

.mv-enquiry__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px var(--mv-gutter); margin-top: 20px; }
@media (max-width: 719px) { .mv-enquiry__grid { grid-template-columns: 1fr; } }

.mv-dl { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; }
.mv-dl dt { font-family: var(--mv-font-display); font-size: 0.8125rem; letter-spacing: 0.08em; text-transform: uppercase; padding-top: 3px; }
.mv-dl dd { margin: 0; }

.mv-price { width: 100%; border-collapse: collapse; }
.mv-price th, .mv-price td { padding: 6px 0; border-bottom: 1px solid var(--mv-line); text-align: left; font-weight: 400; vertical-align: top; }
.mv-price td { text-align: right; white-space: nowrap; padding-left: 12px; }
.mv-price tr:last-child th, .mv-price tr:last-child td { font-weight: 700; border-bottom: 0; }

.mv-enquiry__history { margin-top: 16px; }
.mv-enquiry__history summary { cursor: pointer; font-family: var(--mv-font-display); font-size: 0.8125rem; letter-spacing: 0.1em; text-transform: uppercase; }
.mv-enquiry__history ol { list-style: none; margin: 12px 0 0; padding: 0; }
.mv-enquiry__history li { padding: 4px 0 4px 16px; border-left: 2px solid var(--mv-blue-light); }

.mv-account__privacy { margin-top: 56px; }
.mv-account__privacy form { margin: 12px 0 24px; }

/* Вход: две формы рядом — «Sign in» и «New here or forgot your password?» */
.mv-account__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--mv-gutter); align-items: start; }
.mv-account__columns .mv-account__form { margin-block: 24px; }
.mv-account__columns h2 { font-size: 1.5rem; margin: 0 0 12px; }
@media (max-width: 719px) { .mv-account__columns { grid-template-columns: 1fr; } }