/* Форма заявки в диалоге подрядчика (.application) — слой интеграции.
   Поля, лейблы и инпуты уже описаны в sections.css (.application__fields,
   .application label, .application input); здесь только то, чего там нет:
   согласие, статус, занятая кнопка и intl-tel-input (/js/myr-phone.js). */

.application__form{margin-top:18px}
.application__fields{margin:0 0 14px}

/* .application label в sections.css — grid под «подпись + поле»; у согласия
   чекбокс слева от текста, а .application input растягивал бы его на всю ширину. */
.application .application__agree{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;line-height:1.45}
.application .application__agree input{flex:none;width:18px;height:18px;min-height:0;margin:1px 0 0;padding:0;accent-color:#79304a}
.application__agree a{color:inherit;text-underline-offset:3px}

/* .cta по умолчанию — max-content и min-width:340px, в диалоге — на всю ширину. */
.application .application__submit{width:100%;min-width:0;margin:18px 0 0}
/* Занятая кнопка не должна выглядеть кликабельной: у .cta бесконечные
   пульс и блик, без этого правила disabled-кнопка «живая». */
.application .application__submit:disabled{cursor:wait;opacity:.7;animation:none;transform:none}
.application .application__submit:disabled::before{animation:none;opacity:0}
/* «Переходим к оплате…» длиннее «Отправить заявку»: стрелку в занятом состоянии
   убираем, чтобы подпись не переносилась и кнопка не меняла высоту. */
.application .application__submit:disabled span[aria-hidden]{display:none}
/* На узких экранах у .cta отступы и gap под широкую кнопку — подпись уходила на две строки. */
@media(max-width:420px){
  .application .application__panel{padding:28px 18px 22px}
  .application .application__submit{gap:12px;padding:12px 14px;font-size:18px}
}

.application__status{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f6ecdc;font-size:14px;line-height:1.45}
.application__privacy{display:block;margin-top:12px;font-size:12px;line-height:1.5;text-align:center;color:inherit;opacity:.75;text-underline-offset:3px}

/* intl-tel-input: флаг и код живут внутри инпута, обёртке нужна вся ширина. */
.application .iti{--iti-dialcode-color:var(--ink);display:block;width:100%}
.application .iti__tel-input{width:100%}
.application .iti__selected-country{border-radius:8px 0 0 8px}
.application .iti__selected-dial-code{color:var(--ink)}
/* Выпадашку form.js переносит внутрь диалога (иначе её не видно в top layer),
   и туда же дотягивается .application input — поиск стран возвращаем к виду библиотеки. */
.application .iti__search-input{width:100%;min-height:0;border:0;border-bottom:1px solid #ccc;border-radius:0;padding:6px 10px}

/* iOS приближает страницу при фокусе на поле меньше 16px и не отдаляет обратно. */
@media(pointer:coarse){.application input,.iti__search-input{font-size:16px}}