/* Tela rebates_comerciais (layouts/erp/comercial_adm.py).

   No celular os sete botoes de periodo nao cabem na largura. O SegmentedControl nao
   quebra linha (o indicador desliza por baixo de uma fileira so), entao o campo ocupa a
   linha inteira e rola na horizontal; os itens encolhem o padding para caber o maximo.
   Comerciais e fundo tambem vao a largura toda, um por linha. */
@media (max-width: 575.98px) {
    .campo_periodo_rebates_adm {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .campo_periodo_rebates_adm::-webkit-scrollbar {
        display: none;
    }

    .campo_periodo_rebates_adm .segmentado_status_v2.mantine-SegmentedControl-root {
        width: max-content;
    }

    .campo_periodo_rebates_adm .segmentado_status_v2 .mantine-SegmentedControl-label {
        padding: 0 8px;
    }

    .campo_largo_rebates_adm {
        width: 100%;
        min-width: 0;
    }

    .campo_largo_rebates_adm .filtro_og_disp_v2,
    .campo_largo_rebates_adm .mantine-Select-root,
    .campo_largo_rebates_adm .mantine-DatePickerInput-root {
        width: 100% !important;
    }
}

/* Aba Cadastros: um item de acordeao por comercial, "+" que vira "x" ao abrir. */
.acordeao_rebates_adm .mantine-Accordion-item {
    border: 1px solid var(--v-tab-divisoria);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 8px;
    overflow: hidden;
}

.acordeao_rebates_adm .mantine-Accordion-chevron {
    color: var(--v-verde-escuro);
}

.acordeao_rebates_adm .mantine-Accordion-chevron[data-rotate] {
    transform: rotate(45deg);
}

.controle_rebates_adm {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.nome_controle_rebates_adm {
    font: 800 14px Manrope, sans-serif;
    color: var(--v-verde-escuro);
}

.detalhe_controle_rebates_adm {
    font-size: 12px;
    color: var(--v-tab-texto-sub);
}

.destaque_busca_rebates_adm {
    margin-bottom: 16px;
}

/* Aba Pagamentos: modo (Ultimos/Data) + stepper ou seletor de data na mesma linha. */
.grupo_data_pag_rebates_adm {
    display: flex;
    align-items: center;
    gap: 8px;
}


.campo_n_pag_rebates_adm input {
    width: 170px;
}