/* ============================================================
   MAISSDoc — overrides do tema Velzon (carregado DEPOIS do app.min.css)
   Identidade unificada com o design system do Figma:
   PRIMÁRIO #4f46e5 (hover #4338ca · soft #eef2ff). Antes era #667eea —
   consolidado para bater com ged-theme-global.css / ged-redesign.css.
   ============================================================ */

:root {
    --vz-primary: #4f46e5;
    --vz-primary-rgb: 79, 70, 229;
    --vz-link-color: #4f46e5;
    --vz-link-hover-color: #4338ca;
}

/* Botão primário com a identidade da marca (Bootstrap 5.3 usa --vz-btn-*) */
.btn-primary {
    --vz-btn-bg: #4f46e5;
    --vz-btn-border-color: #4f46e5;
    --vz-btn-hover-bg: #4338ca;
    --vz-btn-hover-border-color: #4338ca;
    --vz-btn-active-bg: #4338ca;
    --vz-btn-active-border-color: #4338ca;
    --vz-btn-disabled-bg: #4f46e5;
    --vz-btn-disabled-border-color: #4f46e5;
}
.btn-soft-primary {
    --vz-btn-color: #4338ca;
    --vz-btn-bg: #eef2ff;
    --vz-btn-border-color: transparent;
    --vz-btn-hover-bg: #4f46e5;
    --vz-btn-hover-color: #fff;
}
.text-primary { color: #4f46e5 !important; }
.bg-primary { background-color: #4f46e5 !important; }

/* Logo em texto "MAISSDoc" no topo (sem depender de imagem) */
.navbar-brand-box .logo-txt {
    font-weight: 800;
    font-size: 1.2rem;
    letter-spacing: 0.3px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
}
.navbar-brand-box .logo-txt span { color: #4f46e5; }
/* Em topbar clara, o texto do logo escurece para contraste */
[data-topbar="light"] .navbar-brand-box .logo-txt { color: #2b2b40; }

/* Menu horizontal ativo na cor da marca */
.app-menu .navbar-nav .nav-link.active,
.navbar-nav .nav-item .nav-link.active { color: #4f46e5; }

/* O slot "header" das telas legadas (UIkit) dentro do novo page-content */
.page-content .page-header { margin-bottom: 1.25rem; }

/* Coexistência: o conteúdo legado UIkit às vezes traz seus próprios
   cards/tabelas; garante que o page-content do Velzon respire bem. */
.page-content > .container-fluid > .page-header h1 { margin-bottom: 0.15rem; }