/* ═══════════════════════════════════════════════════════════════════
   Identidade visual GDM Rural — substitui o roxo do tema Radzen
   "material" por verde agro.
   Carregado DEPOIS do CSS do tema no _Host.cshtml.

   • Tema claro : header/rodapé verdes, acentos verde-escuro.
   • Tema escuro: header/rodapé escuros (padrão do tema), acentos em
     verde claro (contraste adequado em fundo escuro, sem voltar o roxo).
   A detecção do tema escuro usa o href do <link id="radzen-theme">.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── TEMA CLARO (padrão) ─────────────────────────────────────────── */
:root {
    --rz-primary: #2e7d32 !important;             /* verde principal (Green 800) */
    --rz-primary-dark: #1b5e20 !important;        /* hover / pressionado */
    --rz-primary-darker: #124116 !important;
    --rz-primary-light: #43a047 !important;
    --rz-primary-lighter: #e8f5e9 !important;     /* fundos suaves / item ativo */
    --rz-header-background-color: #2e7d32 !important; /* barra superior e rodapé */
    --rz-link-color: #2e7d32 !important;
}

/* Gradiente sutil na barra superior */
.rz-header {
    background: linear-gradient(90deg, #1b5e20 0%, #2e7d32 55%, #388e3c 100%) !important;
}

/* Item selecionado do menu lateral */
.rz-navigation-item-wrapper-active,
.rz-navigation-item-wrapper-active .rz-navigation-item-icon,
.rz-navigation-item-wrapper-active .rz-navigation-item-text,
.rz-panel-menu .rz-navigation-item-wrapper-active {
    color: #2e7d32 !important;
}

.rz-navigation-item-wrapper-active {
    background-color: #e8f5e9 !important;
}

/* ─── TEMA ESCURO ─────────────────────────────────────────────────── */
html:has(link[href*="-dark"]) {
    --rz-primary: #66bb6a !important;             /* verde claro p/ fundo escuro */
    --rz-primary-dark: #4caf50 !important;
    --rz-primary-darker: #388e3c !important;
    --rz-primary-light: #81c784 !important;
    --rz-primary-lighter: rgba(102, 187, 106, 0.16) !important;
    --rz-header-background-color: var(--rz-base-700) !important; /* volta ao escuro */
    --rz-link-color: #81c784 !important;
}

html:has(link[href*="-dark"]) .rz-header {
    background: var(--rz-base-700) !important;    /* sem gradiente verde no escuro */
}

html:has(link[href*="-dark"]) .rz-navigation-item-wrapper-active,
html:has(link[href*="-dark"]) .rz-navigation-item-wrapper-active .rz-navigation-item-icon,
html:has(link[href*="-dark"]) .rz-navigation-item-wrapper-active .rz-navigation-item-text {
    color: #81c784 !important;
}

html:has(link[href*="-dark"]) .rz-navigation-item-wrapper-active {
    background-color: rgba(102, 187, 106, 0.16) !important;
}