/* Шаг подтверждения записи: «кого записываем» и имя плательщика.
   Подписи берут класс панели оплаты (`pay-methods__label`) — одинаковое
   рисуем одинаково. */

.book-participant {
    margin-bottom: var(--bp-space-3);
}

.book-participant__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

.book-participant__chip {
    min-height: 44px;
    padding: 0 var(--bp-space-3);
    border-radius: var(--bp-radius);
    border: 1px solid var(--bp-night-line-bright);
    background: var(--bp-night-card-bg);
    color: var(--bp-night-ink);
    font-size: var(--bp-fs-secondary);
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Чип-ссылка переключателя «Я · Маша» на экранах школы и уровня. */
a.book-participant__chip {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.book-participant__chip.on {
    border-color: var(--bp-green-on-dark-deep);
    background: var(--bp-green-a20);
    color: #cbe89a;
}

.book-participant__input {
    width: 100%;
    min-height: 44px;
    padding: 0 var(--bp-space-3);
    border-radius: var(--bp-radius);
    border: 1px solid var(--bp-night-line-bright);
    background: var(--bp-night-input-bg);
    color: var(--bp-night-ink);
    font-size: 1rem;
}

.book-participant__hint {
    margin: var(--bp-space-2) 0 0;
    font-size: var(--bp-fs-micro);
    color: var(--bp-night-ink-muted);
}