/* Постраничный адаптив (см. web/README.md → «Мобильный кит»). */
@media (max-width: 767.98px) {
    /* Оба переключателя — половинами во всю ширину: имя клуба длинное, и
       группа из двух состояний переставала читаться как переключатель. */
    .ntf-scope > .btn-group {
        flex: 1 1 100%;
    }
    .ntf-scope > .btn-group > .btn {
        flex: 1 1 0;
    }
    /* Карточка-обёртка вокруг двух переключателей на телефоне не несёт
       смысла, а её поля стоят экрану списка. */
    .ntf-scope {
        padding: 0.5rem !important;
        gap: 0.5rem !important;
    }
    .ntf-master > .card-header,
    .ntf-kinds-card > .card-header {
        padding: 0.5rem 0.75rem;
    }
    /* Мастер-тумблер — своей строкой с подписью: в ряду с абзацем он вставал
       по центру текста и не читался ни как заголовок, ни как контрол. Абзац
       ушёл под чип, поэтому строка тумблера идёт первой. */
    .ntf-master > .card-header {
        flex-wrap: wrap;
        gap: 0.4rem 0.6rem;
        justify-content: flex-start !important;
    }
    .ntf-master > .card-header > div:first-child {
        order: 2;
    }
    .ntf-master .form-check {
        order: 1;
        flex: 1 1 100%;
        justify-content: flex-start;
        padding-left: 0;
        margin: 0;
    }
    .ntf-master .form-check-input {
        float: none;
        margin: 0;
    }
    /* Переход в журнал отправок стоял ссылкой в пятой строке абзаца. */
    .ntf-jump {
        display: inline-flex;
        align-items: center;
        min-height: 40px;
        white-space: nowrap;
    }
    /* Мастер-тумблер: подпись у него своя, а не заголовок карточки — размер
       от .fs-4 родителя ей не нужен. */
    .ntf-master .form-check-label {
        font-size: 0.95rem;
    }
    .ntf-master .bp-intro-chip {
        margin-bottom: 0;
    }
    .ntf-kinds-card > .card-header strong {
        font-size: 0.95rem;
    }
    .ntf-kinds-card > .card-header {
        padding: 0.35rem 0.75rem;
    }
    /* Три блока управления подряд стоили экрану 48px одних только зазоров. */
    .ntf-head,
    .ntf-master,
    .bp-toolbar {
        margin-bottom: 0.5rem !important;
    }
    .ntf-master > .card-header {
        padding: 0.4rem 0.6rem;
    }
    /* Текст уведомления — то, ради чего экран и открывают. */
    table.ntf-kinds > tbody > tr > td[data-m="wide"] {
        margin-top: 0.3rem;
    }
    /* Название вида длинное — без basis 0 оно занимает всю строку и роняет
       тумблер на пустую строку под собой. */
    table.ntf-kinds > tbody > tr > td[data-m="title"] {
        flex: 1 1 0;
    }
    table.ntf-kinds > tbody > tr > td[data-m="lead"] {
        align-self: flex-start;
    }
    /* Два бейджа источника рядом с подписью не помещались в одну строку. */
    table.ntf-kinds > tbody > tr > td.ntf-src {
        flex-wrap: wrap;
        row-gap: 0.25rem;
    }
}