/* Аккаунты (Pages/AccountWizard, SocksChannelsImport, Components/AccountOnboarding, AccountOverviewPanel) — постраничные классы поверх общей системы раскладки (app.css). */

/* --- Мастер аккаунта (Pages/AccountWizard.razor) --- */

/* Брошенные заявки в алерте: перенесённые на узком кнопки не должны читаться как начало следующей заявки. */
.account-wizard__draft + .account-wizard__draft {
    padding-top: 4px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

/* Нижний ряд Назад / Далее / подсказка / Отмена: контейнер — чтобы на узком поднять подсказку над кнопками. */
.account-wizard__nav {
    container: account-wizard-nav / inline-size;
    /* Контейнер inline-size не берёт ширину от содержимого — в flex-ряду схлопнулся бы. */
    width: 100%;
}

/* Узко: подсказка (почему «Далее» погашено) — первой строкой во всю ширину, кнопки под ней. */
@container account-wizard-nav (max-width: 479.98px) {
    .account-wizard__hint {
        order: -1;
        flex-basis: 100%;
    }
}

/* --- Обзор аккаунта (Components/AccountOverviewPanel.razor) --- */

/* Три карточки (Сессия / План / Записи): одной колонкой или сразу три в ряд. Общий auto-fit по 220px между 456 и 684px
   вкладки давал 2+1 — третья карточка полуширинной сиротой (окно ~500–760px, 960–1000 с меню). Подсветка строк ленты —
   общий .orion-feed--hover (app.css). */
.account-overview__tiles > .orion-tiles__grid {
    grid-template-columns: minmax(0, 1fr);
}

@container orion-tiles (min-width: 640px) {
    .account-overview__tiles > .orion-tiles__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* --- Импорт SOCKS-каналов (Pages/SocksChannelsImport.razor) --- */

/* Справка «Колонки»: колонка имени — по содержимому, остальное место — описанию. */
.socks-import__column {
    width: 1%;
    white-space: nowrap;
}

/* Текст ошибки строки превью под чипами статуса. В табличном режиме длинный ответ конфигуратора не должен растягивать
   колонку «Статус» и сжимать endpoint и срок; в карточном режиме ячейка и так во всю ширину карточки. */
@container orion-table (min-width: 1080px) {
    .socks-import__error {
        max-width: 40ch;
    }
}