/**
 * Estilos para identificação visual de grupos de insumos
 * Cada GRUPO tem sua cor única — todas as categorias do grupo usam a mesma cor
 *
 * Padrão dinâmico (Passo 3 — migração para CSS Custom Properties):
 *   Templates passam a cor via `style="--grupo-cor: #HEX;"` e usam a classe genérica.
 *   Classes específicas (cat-herbicida etc.) são mantidas como fallback estático.
 */

/* ========================================
   CLASSE GENÉRICA (padrão dinâmico)
   Templates migrados usam:
     <div class="cat-grupo" style="--grupo-cor: #2E7D32;">
   ======================================== */

.cat-grupo {
    border-left: 8px solid var(--grupo-cor, #6c757d) !important;
}

.card-insumo.cat-grupo,
.insumo-card.cat-grupo {
    border-left: 8px solid var(--grupo-cor, #6c757d) !important;
}

.badge-cat-grupo {
    background-color: var(--grupo-cor, #6c757d) !important;
    color: white !important;
}

/* ========================================
   GRUPOS DE INSUMOS - BORDAS COLORIDAS (fallback estático)
   Mantidos para templates não migrados e compatibilidade retroativa.
   --grupo-cor define a variável para que qualquer classe cat-* herde a cor.
   ======================================== */

/* GRUPO 1: Herbicida (Verde Escuro) */
.cat-herbicida {
    --grupo-cor: #2E7D32;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 2: Fungicida (Roxo) - inclui Bactericida */
.cat-fungicida {
    --grupo-cor: #7B1FA2;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 3: Inseticida (Vermelho) - inclui Acaricida, Nematicida, Formicida, etc. */
.cat-inseticida {
    --grupo-cor: #C62828;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 4: Adjuvante (Azul Acinzentado) - inclui Espalhante, Óleo */
.cat-adjuvante {
    --grupo-cor: #546E7A;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 5: Fertilizante (Verde Limão) */
.cat-fertilizante {
    --grupo-cor: #8BC34A;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 6: Biológico (Verde Claro) */
.cat-biologico {
    --grupo-cor: #43A047;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 7: Fertilizante Foliar (Verde Médio) */
.cat-fertilizante-foliar {
    --grupo-cor: #7CB342;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 8: Tratamento de Sementes (Roxo Claro) - inclui Protetor */
.cat-tratamento-sementes {
    --grupo-cor: #9C27B0;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 9: Inoculante (Azul Celeste) */
.cat-inoculante {
    --grupo-cor: #03A9F4;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 10: Sulco de Plantio (Marrom Terra) */
.cat-sulco-plantio {
    --grupo-cor: #795548;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 11: Sementes e Mudas (Teal) */
.cat-semente {
    --grupo-cor: #00897B;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* GRUPO 12: Outro (Cinza) - Regulador, Ativador, Estimulante */
.cat-outro {
    --grupo-cor: #78909C;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* Padrão para categorias não mapeadas */
.cat-padrao {
    --grupo-cor: #6c757d;
    border-left: 8px solid var(--grupo-cor) !important;
}

/* ========================================
   VARIAÇÕES DE CONTEXTO (fallback estático)
   ======================================== */

.card-insumo.cat-herbicida,
.insumo-card.cat-herbicida {
    border-left: 8px solid var(--grupo-cor, #2E7D32) !important;
}

.card-insumo.cat-fungicida,
.insumo-card.cat-fungicida {
    border-left: 8px solid var(--grupo-cor, #7B1FA2) !important;
}

.card-insumo.cat-inseticida,
.insumo-card.cat-inseticida {
    border-left: 8px solid var(--grupo-cor, #C62828) !important;
}

.card-insumo.cat-adjuvante,
.insumo-card.cat-adjuvante {
    border-left: 8px solid var(--grupo-cor, #546E7A) !important;
}

.card-insumo.cat-fertilizante,
.insumo-card.cat-fertilizante {
    border-left: 8px solid var(--grupo-cor, #8BC34A) !important;
}

.card-insumo.cat-biologico,
.insumo-card.cat-biologico {
    border-left: 8px solid var(--grupo-cor, #43A047) !important;
}

.card-insumo.cat-fertilizante-foliar,
.insumo-card.cat-fertilizante-foliar {
    border-left: 8px solid var(--grupo-cor, #7CB342) !important;
}

.card-insumo.cat-tratamento-sementes,
.insumo-card.cat-tratamento-sementes {
    border-left: 8px solid var(--grupo-cor, #9C27B0) !important;
}

.card-insumo.cat-inoculante,
.insumo-card.cat-inoculante {
    border-left: 8px solid var(--grupo-cor, #03A9F4) !important;
}

.card-insumo.cat-sulco-plantio,
.insumo-card.cat-sulco-plantio {
    border-left: 8px solid var(--grupo-cor, #795548) !important;
}

.card-insumo.cat-semente,
.insumo-card.cat-semente {
    border-left: 8px solid var(--grupo-cor, #00897B) !important;
}

.card-insumo.cat-outro,
.insumo-card.cat-outro {
    border-left: 8px solid var(--grupo-cor, #78909C) !important;
}

.card-insumo.cat-padrao,
.insumo-card.cat-padrao {
    border-left: 8px solid var(--grupo-cor, #6c757d) !important;
}

/* ========================================
   BADGES/LABELS COM CORES DE FUNDO (fallback estático)
   ======================================== */

.badge-cat-herbicida {
    background-color: var(--grupo-cor, #2E7D32) !important;
    color: white !important;
}

.badge-cat-fungicida {
    background-color: var(--grupo-cor, #7B1FA2) !important;
    color: white !important;
}

.badge-cat-inseticida {
    background-color: var(--grupo-cor, #C62828) !important;
    color: white !important;
}

.badge-cat-adjuvante {
    background-color: var(--grupo-cor, #546E7A) !important;
    color: white !important;
}

.badge-cat-fertilizante {
    background-color: var(--grupo-cor, #8BC34A) !important;
    color: white !important;
}

.badge-cat-biologico {
    background-color: var(--grupo-cor, #43A047) !important;
    color: white !important;
}

.badge-cat-fertilizante-foliar {
    background-color: var(--grupo-cor, #7CB342) !important;
    color: white !important;
}

.badge-cat-tratamento-sementes {
    background-color: var(--grupo-cor, #9C27B0) !important;
    color: white !important;
}

.badge-cat-inoculante {
    background-color: var(--grupo-cor, #03A9F4) !important;
    color: white !important;
}

.badge-cat-sulco-plantio {
    background-color: var(--grupo-cor, #795548) !important;
    color: white !important;
}

.badge-cat-semente {
    background-color: var(--grupo-cor, #00897B) !important;
    color: white !important;
}

.badge-cat-outro {
    background-color: var(--grupo-cor, #78909C) !important;
    color: white !important;
}

.badge-cat-padrao {
    background-color: var(--grupo-cor, #6c757d) !important;
    color: white !important;
}