/* =========================
   Анализ по клиентам: иерархическая таблица
========================= */

.ca-col-label {
    width: 340px;
}

.ca-label-cell {
    white-space: normal;
}

.ca-indent {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ca-toggle,
.ca-toggle-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.ca-toggle svg {
    width: 12px;
    height: 12px;
}

.ca-indent-client {
    padding-left: 20px;
}

.ca-indent-nomenclature {
    padding-left: 40px;
}

.ca-row-type td {
    background: var(--bg-page);
    font-weight: 600;
}

.ca-row-client td {
    font-weight: 500;
}

.ca-abc-badge {
    margin-left: 2px;
}

.ca-segment-wrap {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-muted);
    margin-left: 6px;
}

.ca-segment-select {
    min-height: auto;
    padding: 2px 20px 2px 6px;
    font-size: 12px;
    font-weight: 400;
    background-position: right 6px center;
}

.ca-segment-select .custom-select-display {
    min-height: auto;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 400;
    gap: 4px;
}

.ca-segment-select .custom-select-dropdown {
    min-width: 120px;
}

.ca-cell-total {
    font-weight: 600;
}

.ca-subtoggle-row td {
    background: var(--surface-alt);
}

.ca-sub-toggle {
    display: flex;
    gap: 8px;
}

.ca-missing-row td {
    background: var(--surface);
}