/**
 * Подсказки по компаниям из ЕГРЮЛ (вариант «C», согласован 21.07.2026).
 *
 * Отдельный файл, а не инлайн в корзине: те же стили нужны форме регистрации
 * юрлица и модалке «Новая компания» в ЛК. Глобальный style.css не трогаем —
 * его правка требует синхронной переминификации style.min.css.
 *
 * ⚠️ Карточка живёт в <body> с position:fixed. Причина — глобальное правило
 * .label-input { position:relative; z-index:50 } (style.css:1073): каждое поле
 * формы создаёт СВОЙ стек-контекст, и список, лежащий внутри одного поля,
 * физически не может оказаться выше соседнего. Плюс так карточку не режет
 * overflow:hidden у блока реквизитов корзины и скролл модалки ЛК.
 */
.company-suggest {
    position: fixed;
    z-index: 100000;
    background: #fff;
    border: 1px solid #C9D3E8;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(32, 54, 134, .18);
    /* Было двузначным "hidden auto" (Finding 5, ревью 22.07) — браузеры без
       поддержки такого синтаксиса игнорируют объявление целиком, и карточка
       остаётся без скролла. overflow-x/overflow-y — универсальная запись. */
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 320px;      /* ~6 строк, дальше скролл внутри карточки */
    font-family: 'Montserrat-Medium', Proxima Nova, Gilroy, Arial, Helvetica, sans-serif;
}
.company-suggest[hidden] { display: none; }

.company-suggest__item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
    align-items: center;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    background: none;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}
.company-suggest__item + .company-suggest__item { border-top: 1px solid #EEF1F6; }
.company-suggest__item:hover,
.company-suggest__item:focus-visible { background: #F5F7FC; outline: none; }

.company-suggest__name { font-size: 14px; font-weight: 700; color: #2E3650; }
.company-suggest__addr { grid-column: 1; font-size: 12.5px; color: #6B7488; }
.company-suggest__inn {
    grid-row: 1 / span 2;
    grid-column: 2;
    font-size: 13px;
    font-weight: 700;
    color: #203686;
    background: #EEF2FD;
    border-radius: 8px;
    padding: 5px 9px;
    white-space: nowrap;
}
.company-suggest__foot {
    padding: 8px 14px;
    background: #FAFBFE;
    border-top: 1px solid #EEF1F6;
    font-size: 12px;
    color: #8A93A8;
}

/* Поля под открытой карточкой притушены — взгляд остаётся на списке. */
.company-suggest-dim { opacity: .45; transition: opacity .15s; }

/* Сводка «Данные из ЕГРЮЛ» после выбора компании. Юр. адрес — скрытое поле,
   иначе покупатель не увидит, что именно за него подставили и уедет в счёт. */
.company-egr {
    margin: 12px 0 0;
    background: #fff;
    border: 1px solid #DDE7DF;
    border-left: 3px solid #1F9D55;
    border-radius: 10px;
    padding: 12px 14px;
    font-family: 'Montserrat-Medium', Proxima Nova, Gilroy, Arial, Helvetica, sans-serif;
}
.company-egr[hidden] { display: none; }
.company-egr__t {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #1F9D55;
}
.company-egr__rows { display: grid; grid-template-columns: 92px 1fr; gap: 4px 10px; margin: 8px 0 0; font-size: 13px; }
.company-egr__rows dt { color: #8A93A8; margin: 0; }
.company-egr__rows dd { color: #2E3650; margin: 0; }
.company-egr__reset {
    background: none;
    border: 0;
    padding: 6px 0 0;
    color: #6B7488;
    font-size: 12.5px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    font-family: inherit;
}
.company-egr--bad { border-color: #F0C9C9; border-left-color: #D93B3B; }
.company-egr--bad .company-egr__t { color: #D93B3B; }
.company-egr__text { font-size: 13px; color: #6B7488; margin-top: 6px; }

@media (max-width: 600px) {
    /* Чип ИНН рядом с названием в узкую колонку не помещается — уводим под него. */
    .company-suggest__item { grid-template-columns: 1fr; }
    .company-suggest__inn { grid-row: auto; grid-column: 1; justify-self: start; margin-top: 4px; }
    .company-egr__rows { grid-template-columns: 1fr; gap: 2px; }
    .company-egr__rows dt { margin-top: 6px; }
}