/* Строка выбора кассы рабочего места (партиал _kkm_kassa_picker.html).
   Живёт рядом с кнопками оплаты во всех местах, где мы даём платить, поэтому
   стили общие, а не в booking-card.css: страница «Касса» и карточка турнира
   его не подключают. */

.kkm-kassa {
    margin-bottom: .5rem;
    font-size: .82rem;
}

.kkm-kassa__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.kkm-kassa__icon { color: var(--bp-ink-soft, #55575e); }
.kkm-kassa__label { color: var(--bp-ink-soft, #55575e); }

.kkm-kassa__name {
    font-weight: 600;
    color: var(--bp-ink, #17181a);
    /* Имя кассы не сокращаем: «АТОЛ 55Ф» и «ККТ Эвотор» различают аппараты,
       и обрезанное имя тут — прямой путь к чеку на чужой кассе. */
    white-space: normal;
    overflow-wrap: anywhere;
}

.kkm-kassa__name--empty { color: var(--bp-stamp-red, #a0301e); }

.kkm-kassa__switch {
    padding: .1rem .5rem;
    font-size: .75rem;
    line-height: 1.4;
}

.kkm-kassa__list {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: .4rem;
}

.kkm-kassa__opt {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    width: 100%;
    text-align: left;
    padding: .4rem .6rem;
    border: 1px solid var(--bp-line, #e2dccc);
    border-radius: var(--bp-radius-sm, 8px);
    background: var(--bp-paper, #f4f1ea);
    color: var(--bp-ink, #17181a);
}

.kkm-kassa__opt:hover:not(:disabled) { background: var(--bp-paper-2, #efeadd); }
.kkm-kassa__opt:disabled { opacity: .6; }

.kkm-kassa__opt--chosen {
    border-color: var(--bp-green-dark, #5c8a1a);
    background: var(--bp-paper-2, #efeadd);
}

.kkm-kassa__opt-name { font-weight: 600; }

.kkm-kassa__opt-note {
    color: var(--bp-ink-soft, #55575e);
    font-size: .75rem;
}

.kkm-kassa__opt-mark { margin-left: auto; color: var(--bp-green-dark, #5c8a1a); }

.kkm-kassa__hint {
    margin-top: .35rem;
    color: var(--bp-stamp-red, #a0301e);
}

.kkm-kassa__error {
    margin-top: .35rem;
    color: var(--bp-stamp-red, #a0301e);
    white-space: pre-wrap;
}