:root {
--text-color-light: #7F8899;
--template-border-color: #BDC1CA;
--font-size: 14px;
--text-color: #1A1F2A;
--text-color-strong: #263147;
--font-family: 'Noto Sans', sans-serif;
--header-height: 60px;

/* ── Identidade Visual — Banco do Povo Coariense ── */
--main-color: #014DA5;
--color-blue: #014DA5;
--color-green: #019A30;
--color-orange: #FBCD07;

/* Header */
--header-logo-background: #013580;
--header-background-color: #014DA5;
--header-text-color: #ffffff;
--header-logo-text-color: #FFFFFF;
--header-border-bottom: rgba(255,255,255,0.15);
--header-logo-border-right: rgba(255,255,255,0.15);
--header-logo-border-bottom: rgba(255,255,255,0.15);
--header-track-border-right: rgba(255,255,255,0.15);
--header-box-display: block;
--header-box-background: #013580;
--header-box-shadow: none;
--header-box-padding-horizontal: 0px;
--header-box-padding-vertical: 0px;
--header-logo-padding-horizontal: 0px;
--header-logo-padding-vertical: 0px;
--header-logo-font-size: 22px;

/* Menu lateral */
--menu-width: 280px;
--menu-background-color: #01296B;
--menu-master-color-strong: rgba(255,255,255,0.9);
--menu-check-color: #FBCD07;
--menu-border-right: rgba(0,0,0,0.2);
--menu-box-shadow: 2px 0 12px rgba(1,53,128,0.18);
--menu-background-check: rgba(255,255,255,0.14);
--menu-button-border-color: rgba(255,255,255,0.2);
--menu-icon-font-size: 13px;
--menu-user-splash-background: #012060;
--menu-background-button-circle: #3D6A9E;
--menu-color-button-circle: #E5E6E7;

/* Submenu */
--submenu-background-color: #012060;
--submenu-sub-text-color: rgba(255,255,255,0.5);
--submenu-text-color: rgba(255,255,255,0.8);
--submenu-text-hover: #ffffff;
--submenu-background-check: rgba(255,255,255,0.14);
--submenu-check-color: #FBCD07;
--submenu-border-right: rgba(0,0,0,0.15);
--submenu-font-size: 15px;
--submenu-padding-horizontal: 8px;
--submenu-item-padding-horizontal: 10px;
--submenu-item-padding-vertical: 5px;

/* Top menu */
--top-menu-border: #DFE4ED;
--top-menu-background-color: #fff;
--top-menu-background-check: #014DA5;
--top-menu-check-color: #fff;
--top-menu-hover-color: #013580;
--top-menu-color: #8694B0;
--top-submenu-background-color: #fff;
--top-submenu-text-color: #252D3C;
--top-submenu-text-hover: #014DA5;
--top-submenu-background-check: #014DA5;
--top-submenu-check-color: #fff;
--top-menu-background-button-circle: #fff;
--top-menu-color-button-circle: #1D2E4E;

/* Área de conteúdo */
--live-background-color: #fff;
--live-area-width: 100%;
--content-border-radius: 10px;
--content-background: #f8f9fb;
--content-border-color: #B1B6BD;

/* Botões */
--button-height: 35px;
--button-text-color: #0E1118;
--button-background: #fff;
--button-border-radius: 8px;
--button-padding: 13px;
--button-border: #B6B9BE;
--button-text-color-hover: #013580;
--button-box-shadow: none;

/* Campos */
--field-height: 35px;
--field-border-top: 1px;
--field-border-bottom: 1px;
--field-border-right: 1px;
--field-border-left: 1px;
--field-border-radius: 8px;
--field-background: #fff;
--field-border-color: #DFE4ED;
--field-color: #1C2330;
--field-focus-border-color: #494C55;
--field-placeholder-color: #DFE4ED;
--field-padding-horizontal: 8px;
--field-padding-vertical: 0px;
--field-check-color: #014DA5;
--field-disabled-background: #DFE4ED;
--field-disabled-text-color: #616776;
--field-disabled-border: #DFE4ED;

/* Painel */
--panel-background: #fff;
--panel-border-radius: 8px;
--panel-header-background: #E2E5EA;
--panel-body-padding: 15px;
--panel-border-color: #DFE4ED;
--panel-box-shadow: none;
--panel-header-color: #131E33;
--panel-footer-background: transparent;
--panel-header-font-size: 14px;
--panel-header-font-weight: 600px;
--panel-header-padding-vertical: 10px;
--panel-header-padding-horizontal: 10px;
--panel-header-border-color: transparent;
--panel-padding: 0px;
--panel-row-margin-bottom: 7px;

/* Modal */
--modal-background: #fff;
--modal-footer-background: #DFE4ED;
--modal-header-background: #014DA5;
--modal-header-color: #fff;

/* Tabela */
--table-header-color: #014DA5;
--table-header-font-size: 13px;
--table-header-font-weight: 600;
--table-header-background: transparent;
--table-header-border-color: #014DA5;
--table-header-padding-vertical: 10px;
--table-body-color: #8694B0;
--tr-hover-background: #eceff4;
--tr-hover-color: #3B4B6B;
--tr-even-background: #fff;
--tr-odd-background: #f8f9fb;

/* Tabs */
--tab-active-border-color: #014DA5;
--tab-active-background: #fff;
--tab-active-color: #014DA5;
--tab-border-color: transparent;
--tab-background: #fff;
--tab-color: #616776;
--tab-border-radius: 9px;
--tab-font-size: 15px;
--tab-font-weight: normal;

/* Outros */
--scrollbar-color: #BCC1CB;
--color-overlay: #0000004d;
--preloader-color: #014DA5;
--modules-button-radius: 100px;
--name: Banco Povo;

/* Login */
--login-background-color: #cbcbcb;
--login-panel-header-background: #eceff4;
--login-panel-left-background-color: #014DA5;
--login-panel-right-background-color: #ffffff;
--login-button-background: #ffffff;
--login-button-text-color: #014DA5;
--login-panel-left-text-header-color: #ffffff;
--login-panel-left-text-header-align: left;
--login-panel-left-text-header-font-size: 40px;
--login-panel-left-text-header-font-weight: 700px;
--login-panel-left-text-footer-color: rgba(255,255,255,0.8);
--login-panel-left-text-footer-align: left;
--login-panel-left-text-footer-font-size: 30px;
--login-panel-left-text-footer-font-weight: 700px;
--login-panel-detail-display: flex;
--login-link-color: #014DA5;
--login-html: ;
--login-panel-detail-display-image: flex;
--login-panel-detail-display-details: flex;
--login-panel-detail-image-size: contain;
--login-panel-detail-image-position: center;
--login-panel-detail-direction: row;
--login-panel-max-width: 1250px;
--login-panel-max-height: 550px;
--login-panel-detail-force-full-image: ;
--login-panel-border-radius: 10px;
--login-panel-box-shadow: 0px 0px 10px 4px #0000004d;
--login-form-box-shadow: none;
--login-title-font-size: 40px;
--login-title-align: center;
--login-title-font-weight: 700px;
--login-title-color: #ffffff;
--login-header-font-size: 14px;
--login-header-align: left;
--login-header-color: rgba(255,255,255,0.8);
--login-border-color: #DFE4ED;
--login-panel-left-header-image-position: center;
--login-text-center-align: center;
--login-text-center-size: 18px;
--login-text-center-weight: 600px;
--login-text-center-color: #616776;
--show-text-center: ;
}

/* ════════════════════════════════════════════════════
   IDENTIDADE VISUAL — BANCO DO POVO COARIENSE
   Regras de efeito que não têm variável CSS no theme-builder
   ════════════════════════════════════════════════════ */

/* Header com gradiente azul */
.container-header {
    background: linear-gradient(135deg, #014DA5 0%, #013580 100%) !important;
    box-shadow: 0 2px 8px rgba(1, 53, 128, 0.25) !important;
}

/* Hover nos links do menu lateral */
.sidemenu-link:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 6px;
}
.sidemenu-link:hover .sidemenu-icon,
.sidemenu-link:hover .icon-menu {
    color: #FBCD07 !important;
}

/* Item ativo do menu — ícone amarelo */
.sidemenu-item.active .sidemenu-icon,
.sidemenu-item.active .icon-menu {
    color: #FBCD07 !important;
}

/* Área do usuário logado */
.menu-user-splash {
    background: #012060 !important;
    color: #fff !important;
}
.menu-user-splash * {
    color: rgba(255,255,255,0.85) !important;
}

/* Área de conteúdo — fundo levemente azulado */
.container-live {
    background: #F0F5FF !important;
}

/* Modal header azul */
.modal-header {
    background: linear-gradient(135deg, #014DA5 0%, #013580 100%) !important;
    color: #fff !important;
}
.modal-header .modal-title,
.modal-header button {
    color: #fff !important;
}

/* Botão primário azul BP */
.btn-primary {
    background-color: #014DA5 !important;
    border-color: #013580 !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #013580 !important;
    border-color: #012060 !important;
}

/* Botão de sucesso verde BP */
.btn-success {
    background-color: #019A30 !important;
    border-color: #017825 !important;
    color: #fff !important;
}
.btn-success:hover {
    background-color: #017825 !important;
    border-color: #015F1E !important;
}