/* ════════════════════════════════════════════════════
   BANCO DO POVO COARIENSE — Identidade Visual
   Não sobrescrito pelo MadBuilder.
   Azul #014DA5 · Verde #019A30 · Amarelo #FBCD07
   ════════════════════════════════════════════════════ */

/* ── 1. HEADER ─────────────────────────────────────── */
nav.container-header {
    background: linear-gradient(90deg, #013580 0%, #014DA5 45%, #014DA5 100%) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}
.header-logo {
    background: #013580 !important;
    border-right: 1px solid rgba(255,255,255,0.15) !important;
}
/* Ícones do header (notificação, config, etc.) */
.container-header a.button-circle {
    background-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}
.container-header a.button-circle:hover {
    background-color: rgba(255,255,255,0.28) !important;
    color: #FBCD07 !important;
}

/* ── 2. STRIP DE ÍCONES — módulos principais ────────── */
.master-menu-content {
    transition: max-width .3s ease, min-width .3s ease !important;
}
.master-menu-content .container-menu {
    background: #1E293B !important;  /* slate azul-cinza — antes era #01214F azul puro */
    border-right: 1px solid rgba(0,0,0,0.25) !important;
}

/* Círculos dos módulos */
.master-menu-content .container-menu a.button-circle {
    background-color: rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.75) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    transition: background-color .2s, color .2s;
}
/* Hover nos círculos */
.master-menu-content .container-menu a.button-circle:hover {
    background-color: rgba(251,205,7,0.25) !important;
    color: #FBCD07 !important;
    border-color: rgba(251,205,7,0.5) !important;
}
/* Círculo ativo (módulo selecionado) */
.master-menu-content .container-menu a.button-circle.checked {
    background-color: #FBCD07 !important;
    color: #013580 !important;
    border-color: #FBCD07 !important;
}
.master-menu-content .container-menu a.button-circle.checked:hover {
    background-color: #e6bb00 !important;
    color: #012060 !important;
}

/* ── 3. ÁREA DO USUÁRIO LOGADO ──────────────────────── */
.splash-user-content {
    background: #014DA5 !important;   /* azul primário — contraste com o navy do menu */
    border-bottom: 3px solid #FBCD07 !important;
    padding: 18px 12px 14px !important;
}
.splash-user-name {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.splash-user-att {
    color: rgba(255,255,255,0.65) !important;
    font-size: 12px !important;
}
.splash-user-photo {
    border-color: rgba(255,255,255,0.5) !important;
}
/* Botão de editar perfil no avatar */
.splash-user-photo a.button-circle {
    background-color: #FBCD07 !important;
    color: #013580 !important;
    border: none !important;
}

/* ── 4. COLUNA DO SUBMENU (menu de páginas) ─────────── */
.master-menu-content .container-submenu {
    background: #01296B !important;
    border-right: 1px solid rgba(0,0,0,0.15) !important;
}

/* Links do menu de páginas */
.master-menu-content .container-submenu ul li a {
    color: rgba(255,255,255,0.78) !important;
    border-radius: 6px !important;
    transition: background-color .15s, color .15s;
}
/* Hover nos links */
.master-menu-content .container-submenu ul li a:hover {
    background-color: rgba(255,255,255,0.1) !important;
    color: #FBCD07 !important;
}
/* Ícone nos links ao passar o mouse */
.master-menu-content .container-submenu ul li a:hover i {
    color: #FBCD07 !important;
}
/* Item ativo (checked) */
.master-menu-content .container-submenu ul .checked > a {
    background-color: rgba(255,255,255,0.14) !important;
    color: #FBCD07 !important;
}
.master-menu-content .container-submenu ul .checked > a i {
    color: #FBCD07 !important;
}

/* Submenus de segundo nível */
.master-menu-content .container-submenu ul li ul a {
    color: rgba(255,255,255,0.55) !important;
    font-size: 13px !important;
}
.master-menu-content .container-submenu ul li ul a:hover {
    background-color: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

/* Rodapé / versão */
.master-menu-content .container-submenu > div[style*="margin-top: auto"] {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.35) !important;
}
.master-menu-content .container-submenu a[href*="BuilderEditorCss"],
.master-menu-content .container-submenu a[href*="SystemModulesCheckView"],
.master-menu-content .container-submenu span[onclick*="showDebugPanel"] {
    color: rgba(255,255,255,0.35) !important;
    font-size: 12px !important;
}

/* ── 5. ÁREA DE CONTEÚDO ────────────────────────────── */
.container-live {
    background: #F0F5FF !important;
}

/* ── 6. MODAL ───────────────────────────────────────── */
.modal-header {
    background: linear-gradient(90deg, #013580 0%, #014DA5 100%) !important;
    color: #fff !important;
    border-bottom: 2px solid #FBCD07 !important;
}
.modal-header .modal-title,
.modal-header button.close,
.modal-header button {
    color: #fff !important;
}

/* ── 7. BOTÕES GLOBAIS ──────────────────────────────── */
.btn-primary {
    background-color: #014DA5 !important;
    border-color: #013580 !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #013580 !important;
    border-color: #012060 !important;
}
.btn-success {
    background-color: #019A30 !important;
    border-color: #017825 !important;
    color: #fff !important;
}
.btn-success:hover {
    background-color: #017825 !important;
    border-color: #015F1E !important;
}