/* =========================================================
   JRB COMMODITIES — Paleta de cores da intranet
   Verde escuro  #018D43  (primária)
   Verde claro   #65B141  (destaque / hover / gradiente)
   Preto                     (mantido do template)
   Carregado DEPOIS do style.css — sobrepõe o roxo original.
   ========================================================= */
:root,
[data-theme-version="light"],
[data-theme-version="dark"] {
    --bs-primary: #018D43;
    --bs-primary-rgb: 1, 141, 67;
    --primary: #018D43;
    --primary-hover: #016f35;
    --primary-dark: #01602e;
    --secondary: #65B141;
    --bs-secondary: #65B141;
    --jrb-green-dark: #018D43;
    --jrb-green-light: #65B141;
    --nav-logo-primary: #018D43;
    --nav-logo-white: #ffffff;
}

/* Botões e fundos primários = verde escuro; hover puxa pro verde claro */
.btn-primary,
.bg-primary {
    background-color: #018D43 !important;
    border-color: #018D43 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #65B141 !important;
    border-color: #65B141 !important;
}
.btn-outline-primary {
    color: #018D43 !important;
    border-color: #018D43 !important;
}
.btn-outline-primary:hover {
    background-color: #018D43 !important;
    color: #fff !important;
}
.text-primary { color: #018D43 !important; }
.border-primary { border-color: #018D43 !important; }

/* Links */
a { color: #018D43; }
a:hover { color: #65B141; }

/* Gradientes/realces usam o par verde escuro -> verde claro */
.bg-gradient-primary,
.gradient-1 {
    background: linear-gradient(135deg, #018D43 0%, #65B141 100%) !important;
}

/* Menu lateral: item ativo em verde */
.deznav .metismenu > li.mm-active > a,
.deznav .metismenu > li > a:hover,
.deznav .metismenu > li > a:focus {
    color: #018D43;
}


/* Logo — topo/mobile (menor) */
.brand-logo .jrb-brand-logo {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
/* Logo do MENU LATERAL — bem maior (nav-header cresce para não cortar) */
.nav-header {
    height: auto;
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-header .brand-logo .jrb-brand-logo {
    height: 52px;
    max-width: 88%;
}

/* Botões extra-pequenos (ações em tabela) */
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.25rem;
}
.btn-xs i { font-size: 0.8rem; vertical-align: middle; }

/* Modais no padrão JRB — cantos retos, cabeçalho verde */
.modal-content { border-radius: 0; }
.modal-header {
    background: linear-gradient(135deg, #018D43 0%, #65B141 100%);
    color: #fff;
    border-bottom: 0;
    border-radius: 0;
}
.modal-header .modal-title { color: #fff; }
.modal-header .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: .9; }

/* Modais mais espaçosos (padding lateral + largura) */
.modal-body { padding: 1.5rem 1.75rem; }
.modal-header, .modal-footer { padding-left: 1.75rem; padding-right: 1.75rem; }
.modal-lg { --bs-modal-width: 880px; }

/* Avatar de ícone nas tabelas de cadastro */
.jrb-avatar {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(1, 141, 67, .12);
    color: #018D43;
    flex: 0 0 auto;
    font-size: .95rem;
}

/* Área de arrastar-e-soltar (anexo) */
.jrb-dropzone { border: 2px dashed #cbd5e1; border-radius: 0; cursor: pointer; color: #64748b; transition: border-color .15s, background .15s, color .15s; }
.jrb-dropzone:hover, .jrb-dropzone.dragover { border-color: #018D43; background: rgba(1,141,67,.06); color: #018D43; }

/* Modais longos: garante rolagem interna do corpo mesmo em telas baixas */
.modal-dialog-scrollable { margin-top: 1rem; margin-bottom: 1rem; }
.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 2rem); overflow: hidden; }
.modal-dialog-scrollable .modal-body { max-height: calc(100vh - 12rem); overflow-y: auto !important; }