/* Формы сервисов в левой колонке окна и настоящий расчёт калькулятора в сцене.
   Классы форм общие с прежней вёрсткой (cover_letter.css, cv/, linkedin_check.css, rate_calculator.css) — здесь их раскладка внутри окна. */

.svc-form .cover-letter-main-container,
.svc-form .cv-input-card,
.svc-form .rate-card-main { width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; background: none; border-radius: 0; box-shadow: none; }

/* Резюме + вакансия: в один столбец */
.svc-form .cover-letter-main-container,
.svc-form .cover-letter-main-container > form,
.svc-form .cover-letter-columns { display: flex; flex-direction: column; gap: 12px !important; }
.svc-form:has(textarea) .cover-letter-main-container,
.svc-form:has(textarea) .cover-letter-main-container > form,
.svc-form:has(textarea) .cover-letter-columns { flex: 1; }
.svc-form .cover-letter-left-column,
.svc-form .cover-letter-right-column { display: flex; flex-direction: column !important; gap: 12px; width: 100%; max-width: none; flex: none; padding: 0; margin: 0; }
.svc-form .cover-letter-right-column:has(textarea) { flex: 1; }
.svc-form .job-text-area:has(textarea) { flex: 1; display: flex; }

.svc-form .cover-letter-columns .cv-upload-area {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 2px;
    width: 100%;
    height: auto;
    min-height: 88px;
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
    background: var(--surface-secondary);
    text-align: left;
}
.svc-form .cover-letter-columns .cv-upload-icon { grid-row: 1 / 3; width: 56px; height: 52px; margin: 0; }
.svc-form .cover-letter-columns .cv-upload-title { align-self: end; margin: 0; word-break: normal; overflow-wrap: normal; font-size: var(--fs-16); line-height: var(--lh-16); letter-spacing: var(--ls-16); white-space: normal; text-align: left; }
.svc-form .cover-letter-columns .cv-upload-subtitle { align-self: start; margin: 0; text-align: left; }
.svc-form .cover-letter-columns .cv-upload-actions { grid-column: 3; grid-row: 1 / 3; flex-direction: row-reverse; width: auto; margin: 0; }
.svc-form .job-text-area { width: 100%; min-height: 0; height: auto; margin: 0; }
.svc-form .job-text-area textarea { display: block; flex: 1; width: 100%; height: auto; min-height: 168px; resize: none; box-sizing: border-box; border-radius: 16px; background: var(--surface-secondary); }
.svc-form .btn-generate,
.svc-form .cv-run-button { width: 100%; height: 48px; margin: 0; flex: none; }

/* Проверка резюме: большая зона загрузки, под ней одна строка — режим, переключатель, кнопка */
.svc-form .cv-input-card { flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: 12px; }
.svc-form .cv-resume-stage { grid-column: 1 / -1; grid-row: 1; display: flex; min-height: 148px; margin: 0; }
.svc-form .cv-selected-resume { flex: 1; align-self: flex-end; padding: 16px 20px; border: 0; border-radius: 16px; background: var(--surface-secondary); }
.svc-form .cv-selected-resume .cv-resume-menu-button { background: var(--surface-primary); }
.svc-form .cv-input-card .cv-upload-area { flex: 1; width: 100%; height: auto; min-height: 0; margin: 0; }
.svc-form .cv-input-card .cv-upload-area:not(.has-file) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 20px; border-width: 1.5px; text-align: center; }
.svc-form .cv-input-card .cv-upload-area:not(.has-file) > * { align-self: center; }
.svc-form .cv-input-card .cv-upload-area:not(.has-file) .cv-upload-icon { width: 80px; height: auto; margin: 0 0 12px; }
.svc-form .cv-mode-row { grid-column: 1; grid-row: 2; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; width: auto; margin: 0; padding: 0; }
.svc-form .cv-mode-label { margin: 0; }
.svc-form .cv-input-card .segment-control-switcher { flex: none; width: auto; height: 48px; margin: 0; box-sizing: border-box; }
.svc-form .cv-input-card .cv-run-button { grid-column: 2; grid-row: 2; }
/* Лимит кончился: длинная подпись покупки не влезает рядом с режимом — кнопка отдельной строкой во всю ширину */
.svc-form .cv-input-card.is-limit-exhausted { grid-template-rows: minmax(0, 1fr) auto auto; }
.svc-form .cv-input-card.is-limit-exhausted .cv-run-button { grid-column: 1 / -1; grid-row: 3; }


/* Лимит кончился: форма видна, но выключена; живая только кнопка покупки (у cv_check — своё правило в cv/02_check_page.css) */
.svc-form .is-limit-exhausted :is(.cv-upload-area, .job-text-area),
.svc-form #linkedinCheckForm:has([data-linkedin-check-access="0"]) .job-text-area { opacity: 0.38; pointer-events: none; }

/* LinkedIn: два поля и кнопка столбцом */
.svc-form #linkedinCheckForm .job-text-area { flex: none; width: 100%; }
.svc-form #linkedinCheckForm .input { width: 100%; height: 48px; box-sizing: border-box; }
.svc-form #linkedinCheckForm .cv-upload-actions { width: 100%; margin: 0; }

/* Конструктор: две кнопки в ряд, зелёная справа; на узком экране столбцом — зелёная сверху (wrap-reverse) */
.svc-form .rb-hero-actions { display: flex; flex-wrap: wrap-reverse; gap: 8px; margin: 0; }
.svc-form .rb-hero-actions .btn { flex: 1 1 200px; height: 48px; margin: 0; }
html .svc-form .rb-hero-actions .btn.rb-upload { padding: 0 16px; border-radius: 16px; background: var(--surface-secondary) !important; color: var(--text-color); }
.svc-form .rb-hero-note { margin: 4px 0 0; color: var(--text-muted); font-size: var(--fs-14); line-height: var(--lh-14); }

/* Калькулятор: переключатель и валюта одной строкой, налоги одной строкой, пять полей в ряд */
.svc-form:has(.rate-card-main) { flex: 1; }
.svc-form .rate-card-main { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.svc-form .rate-step-title { margin: auto 0 8px; padding-top: 20px; }
.svc-form #rateCustomTaxFields { margin: 0; }
.svc-form .rate-regime-chips { margin-bottom: 8px; }
.svc-form .rate-regime-hint { min-height: 36px; margin: 0; }
.svc-form .rate-regime-hint:has(+ #rateCustomTaxFields:not([hidden])) { display: none; }
.svc-form .rate-card-main > * { flex: none; }
.svc-form #rateModeSwitcher { align-self: flex-start; }
.svc-form .rate-card-header-row { z-index: 1; }
.svc-form .rate-card-header-row { position: absolute; top: 0; right: 0; height: 44px; margin: 0; padding: 0; align-items: center; }
.svc-form .rate-card-header-row .rate-card-title { display: none; }
.svc-form .rate-currency-toggle { gap: 4px; }
.svc-form .rate-currency-toggle button { min-width: 32px; height: 32px; border-radius: 10px; font-size: var(--fs-14); }
.svc-form .rate-regime-chips { gap: 6px; align-items: flex-start; }
.svc-form .rate-regime-chips .filter-chip { height: auto; }
.svc-form .rate-regime-chips .chip-text { font-size: var(--fs-14); line-height: var(--lh-14); letter-spacing: var(--ls-14); }
.svc-form .rate-grid--five { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.svc-form .rate-grid--five > .rate-field { grid-column: span 2; }
.svc-form .rate-grid--five > .rate-field:nth-child(n+4) { grid-column: span 3; }

/* Калькулятор: в сцене настоящий расчёт одной колонкой — ставка, два показателя, детали, ссылка */
/* высота окна не меняется при смене режима и налога: пояснение держит три строки, а ряд «Свой %» встаёт в запас высоты */
.svc-hero[data-svc="rate_calculator"] { min-height: 710px; }
@media (min-width: 1280px) and (max-width: 1339px) { .svc-hero[data-svc="rate_calculator"] { min-height: 748px; } }
.svc-hero[data-svc="rate_calculator"] .svc-scene { container-type: normal; }
.svc-mount { display: flex; flex-direction: column; width: min(100%, 440px); }
.svc-mount .rate-card { width: 100%; margin: 0; padding: 0; box-sizing: border-box; border: 0; border-radius: 0; background: none; box-shadow: none; }
.svc-mount .rate-result-main { margin: 0; padding: 0; text-align: left; }
.svc-mount .rate-result-title { color: var(--svc-cap); }
.svc-mount .rate-result-value { display: block; margin: 2px 0 6px; font-size: 48px; line-height: 1.05; letter-spacing: -0.03em; }
.svc-mount .rate-result-explanation { min-height: 4.25em; color: var(--svc-cap); }
.svc-mount .rate-result-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0; }
.svc-mount .rate-result-item { padding: 10px 16px; border: 0; border-radius: 16px; background: var(--svc-chip); }
.svc-mount .rate-breakdown-card { margin-top: 10px; }
.svc-mount .rate-breakdown-card .rate-card-header { margin: 0 0 4px; }
.svc-mount .rate-breakdown-card .rate-card-title { color: var(--svc-cap); font-size: var(--fs-14); line-height: var(--lh-14); letter-spacing: var(--ls-14); font-weight: var(--fw-regular, 400); }
.svc-mount .rate-breakdown { margin: 0; padding: 0; }
.svc-mount .rate-breakdown-item { padding: 5px 0; border-color: var(--svc-line); }
.svc-mount .rate-share-btn { width: 100%; height: 44px; margin: 8px 0 0; border-radius: 16px; background: var(--svc-chip); }

@media (max-width: 1279px) {
    .svc-hero[data-svc="rate_calculator"] { min-height: 0; }
    .svc-form .cv-resume-stage { min-height: 132px; }
    /* Загрузка резюме: кнопки строкой под текстом, «Из профиля» слева, зелёная «Выбрать» справа */
    .svc-form .cover-letter-columns .cv-upload-actions { grid-column: 1 / -1; grid-row: 3; flex-wrap: nowrap; margin-top: 12px; }
    .svc-form .cover-letter-columns .cv-upload-actions .btn { flex: 1 1 0; min-width: 0; }
    .svc-form .rate-card-header-row { position: static; height: auto; justify-content: flex-end; margin-bottom: 8px; }
    .svc-form #rateModeSwitcher { align-self: stretch; width: 100%; }
    .svc-form #rateModeSwitcher .segment-control-option { flex: 1 1 0; }
}

@media (max-width: 520px) {
    .svc-form .cover-letter-columns .cv-upload-area { grid-template-columns: minmax(0, 1fr); padding: 16px; }
    .svc-form .cover-letter-columns .cv-upload-icon { display: none; }
    .svc-form .cv-input-card { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
    .svc-form .cv-mode-row { grid-column: 1; grid-row: 2; width: 100%; }
    .svc-form .cv-mode-label > svg:first-child { display: none; }
    .svc-form .cv-input-card .segment-control-switcher { display: flex; flex: 1; min-width: 0; }
    .svc-form .cv-input-card .segment-control-option { flex: 1 1 0; min-width: 0; padding-inline: 4px; font-size: var(--fs-14); white-space: nowrap; }
    .svc-form .cv-input-card .cv-run-button { grid-column: 1; grid-row: 3; }
    .svc-form .rate-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .svc-form .rate-grid--five > .rate-field:nth-child(n) { grid-column: auto; }
    .svc-form .rate-grid--five > .rate-field:nth-child(5) { grid-column: 1 / -1; }
    .svc-form #rateModeSwitcher .segment-control-option { padding-inline: 8px; white-space: nowrap; }
    .svc-mount .rate-result-value { font-size: 44px; }
}