.card.panel{
    box-shadow: 0px 0px 4px #333333 !important;
}
.container-live{
    background: linear-gradient(0deg, #0a66c2 0%, #e6f0ff 90%, #ffffff 100%) !important;
}
[page-name='CommonPage']{
        justify-self: center;

}
/* =========================================
   ESTILO DO MENU (Adianti Framework Override)
   ========================================= */

/* 1. Container Principal (Barra Azul) */
#top-submenu {
    background-color: #2c3e50 !important; /* Cor de fundo principal */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border-radius: 0; /* Remove arredondamentos padrão se houver */
}

/* Remove rolagem horizontal e setas do Adianti para ficar igual ao modelo */
#navbar-builder-top-menu-collapse {
    overflow: visible !important;
}

/* 2. Reset de Listas */
#top-submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Links do Topo */
#top-submenu > ul > li > a {
    align-items: center;
    gap: 8px;            /* Espaço entre ícone e texto */
    color: white !important; /* Força cor branca ignorando estilos do tema anterior */
    padding: 14px 20px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s;
    white-space: nowrap;
}

/* Força os ícones do menu principal a serem brancos (override no style="" do HTML) */
#top-submenu > ul > li > a > i {
    color: white !important;
}

/* Hover no Nível Superior */
#top-submenu > ul > li:hover > a {
    background-color: #34495e;
    border-bottom: 3px solid #3498db; /* Detalhe azul claro embaixo */
    padding-bottom: 11px; /* Compensa a borda para não pular */
}

/* =========================================
   DROPDOWNS (SUBMENUS)
   ========================================= */

/* Estilo da caixa do submenu */
#top-submenu li ul {
    background-color: #fff;    /* Fundo branco */
    min-width: 240px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 0 0 4px 4px;
    
    /* OVERRIDES IMPORTANTES: Ignora o posicionamento JS do Adianti */
    height: auto !important;
}

/* Links dentro do Dropdown */
#top-submenu li ul li a {
    color: #333 !important;    /* Texto cinza escuro */
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    font-size: 14px;
}

/* Ícones dentro do Dropdown (Mantém as cores originais ou força cinza) */
/* Aqui mantivemos as cores originais dos ícones internos (ex: colorido) pois ajuda na leitura */
#top-submenu li ul li a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Hover nos itens do Dropdown */
#top-submenu li ul li a:hover {
    background-color: #f1f1f1;
    color: #2c3e50 !important;
    border-left: 4px solid #3498db; /* Detalhe azul na esquerda */
}

/* =========================================
   SUB-MENUS DE 3º NÍVEL (Ex: Minha Conta -> Meu CNPJ)
   ========================================= */
#top-submenu ul ul ul {
    margin-left: 0;
}