:root {
    --brand-primary: #0070FD;
    --brand-secondary: #00CC88;
    --bg-topbar: #D7E8FD;
    --bg-main: #FFFFFF;
    --bg-sidebar: #FAFAFA;
    --bg-select: #D4D4D4;
    --text-main: #222222;
    --text-titulo-menu: #000000;
    --text-item-menu: #333333;
    --text-subitem-menu: #7A7A7A;
    --surface-card: #FFFFFF;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-gg: 22px;
    --border-color: #E2E8F0;
    --icon-default: #6B7280;
    --icon-active: #0070FD;
    --icon-disabled: #CBD5E1;
}


.main-container{
    font-family: 'Inter', sans-serif !important;
}
/* ============================================================*/
/* --- SIDEBAR ESTRUTURA --- */

ul.nav.side-menu{
    margin-top: 0 !important;
}
.site_title {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    padding-left: 15px !important;
    /*background: transparent !important;*/
    text-decoration: none !important;
}

.left_col {
    background-image: none !important;
}

.navbar.nav_title, .navbar.nav_title a, .clearfix {
    /*background: transparent !important;*/
    border: 0 !important;
}


#sidebar-with-pjs, #particulas {
    display: none !important;
}

/* sidebar antiga */
.nav.side-menu p {
    margin-bottom: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* --- LIMPEZA GENTELELLA (ESTADOS ATIVOS) --- */
/* Remove bordas, sombras e o gradiente azul escuro nativo */
.nav.side-menu > li.active,
.nav.side-menu > li.current-page,
.nav.side-menu > li > a,
.nav.side-menu .nav.child_menu,
.nav.side-menu > li.active > a {
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
    background: transparent !important;
}

.nav.side-menu > li.active > a::after,
.nav.side-menu > li > ul::before,
.nav.child_menu li::before,
.nav.child_menu li::after {
    display: none !important;
    content: none !important;
}

/* --- MENU PRINCIPAL (SIDEBAR) --- */
.campo-grupo {
    margin-bottom: 24px !important;
    padding: 0 16px !important;
}

.titulo-bi, .buscador-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 20px !important;
    line-height: 26px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    text-transform: none !important;
    text-shadow: none !important;
    letter-spacing: -0.01em !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: normal !important;
}

.buscador-label.buscar-paineis {
    font-size: 18px !important;
}

h3.titulo-bi {
    margin: 25px 0 30px !important;
}

/* 1. O LI define apenas o espaçamento, SEM padding ou hover */
.nav.side-menu > li {
    margin: 4px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 2. O link (A) é a pílula real */
.nav.side-menu > li > a {
    border-radius: 22px !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    background: transparent !important;
    display: flex !important;
    align-items: flex-start !important;
    line-height: 1.4 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    gap: 2px !important;
    font-weight: normal !important;
}

.nav.side-menu > li > a:hover {
    background: #00000088 !important;
}

.nav.side-menu > li > a > span {
    display: none !important;
}

.nav.side-menu > li > a i {
    font-size: 18px !important;
    width: 28px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* --- SUBMENU (CHILD MENU) --- */
.nav.child_menu {
    background: transparent !important;
    padding-left: 0 !important;
}

.nav.child_menu li {
    padding-left: 0px !important;
    list-style-type: none !important;
    background: transparent !important;
}

.nav.child_menu li a {
    font-weight: 400 !important;
    padding: 8px 15px 8px 45px !important;
    font-size: 12.5px !important;
    border-radius: 22px !important;
    display: block !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
}

/* Hover do subitem */
.nav.child_menu li a:hover {
    background: #00000088 !important; /* Cinza solicitado */
    color: white !important;
}

/* Item ativo do submenu (Negrito estilo Figma) */
.nav.child_menu li.current-page a {
    font-weight: 600 !important;
    transition: none !important;
    background: #ffffff40 !important;
    border: 2px #6B728011 solid !important;
}

/* --- BUSCADOR --- */
.left_col .buscador-input {
    width: 100% !important;
    height: 40px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #aaa !important;
    border-radius: var(--radius-gg) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    padding: 0 35px 0 12px !important;
    margin: 5px 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23718096' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80a8,8,0,0,1,11.32-11.32L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    box-shadow: none !important;
}

body.nav-sm .select2-container--open .select2-dropdown {
    position: fixed !important;
    left: 70px !important; /* Alinha com o fim da sidebar retraída */
    top: 130px !important; /* Mesma altura que você usou no buscador */
    width: 250px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

body.nav-sm .left_col .select2-selection__rendered,
body.nav-sm .left_col .select2-selection__clear {
    display: none !important;
}

/* --- BOTÕES DE AÇÃO (ESTILO PILULA AZUL) --- */
.nav.side-menu li a.botao.nova-empresa,
.nav.side-menu li a.botao.central-ajuda{
    margin: 15px 10px !important;
    padding: 10px 15px !important;
    justify-content: center !important; /* Centraliza o texto */
    font-weight: 600 !important;
    border-radius: 30px !important; /* Pílula completa */
    display: flex !important;
    align-items: center !important;
    border: none !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transition: filter 0.2s ease !important;
}

body.nav-sm .nav.side-menu li a.botao.nova-empresa, body.nav-sm .nav.side-menu li a.botao.central-ajuda {
    margin: 0 !important;
    margin-bottom: 15px !important;
    height: 60px !important;
    width: 60px !important;
}

/* Garante que os ícones dentro desses botões fiquem brancos e visíveis */
.nav.side-menu li a.botao.nova-empresa i,
.nav.side-menu li a.botao.central-ajuda i {
    display: none !important; /* Mudado de 'none' para aparecer o ícone */
}

/* Efeito de hover para os botões coloridos */
.nav.side-menu li a.botao.nova-empresa:hover,
.nav.side-menu li a.botao.central-ajuda:hover{
    filter: brightness(1.15) !important;
}

/* --- BOTÕES DE UTILIDADES NA SIDEBAR (PADRÃO FIGMA) --- */
/* ============================================================*/
/* --- TOPBAR --- */
ul.dropdown-menu.dropdown-usermenu.pull-right {
    z-index: 21474832 !important;
}
.user-profile.dropdown-toggle {
    font-size: 16px !important;
    color: var(--text-main) !important;
    display: flex !important;
    align-items: center !important;
}
a.dropdown-toggle.info-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 58px !important;
    padding: 0 !important;
    width: 52px !important;
}

.nav.toggle a i.ph { font-size: 26px !important; }
.top_nav .navbar-right li a i.ph {
    font-size: 22px !important;
}

.top_nav .navbar-right li a i.ph:hover {
    font-size: 24px !important;
}
a.dropdown-toggle.info-number:hover{
    background: transparent !important;
}
.ph.ph-caret-down { font-size: 18px; margin-left: 5px !important; }

.top_nav .nav > li > a:hover i.ph {
    transform: scale(1.1) !important;
    transition: transform 0.2s !important;
}
/* Notificações */
.top_nav .nav_menu ul.msg_list {
    border-radius: 16px !important; /* Arredondamento padrão da nova interface */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    border: 1px solid #F1F5F9 !important;
}

/* 2. Estilização dos itens individuais da lista */
.msg_list li {
    padding: 0 !important;
}
ul.msg_list li {
    background: #ffffff !important;
}

.msg_list li:last-child {
    border-bottom: none !important;
}

.msg_list li a {
    padding: 15px 20px !important;
    background: transparent !important;
    display: block !important;
    transition: background 0.2s ease !important;
    border: none !important;
    border-radius: 16px;
}

.msg_list li a:hover {
    background: #00000015 !important;
}

/* 3. Estilo dos textos e botões internos (Ver todas / Limpar) */
.msg_list li a .message {
    font-family: 'Inter', sans-serif !important;
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    max-width: 100% !important;
}

/* Centraliza e estiliza os botões de ação final */
.msg_list li .text-center a {
    font-weight: 600 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.msg_list li .text-center a i {
    font-size: 16px !important;
}

/* Ajuste para o texto de "Nenhuma notificação" */
.msg_list li span.message {
    display: block;
    text-align: center;
}
.navbar-nav .open .dropdown-menu.msg_list {
    width: 340px !important;
}

/* box perfil */
.top_nav .navbar-right .dropdown-menu.dropdown-usermenu {
    padding: 8px !important;
    border-radius: 16px !important; /* Mesma curvatura das notificações */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #F1F5F9 !important;
    background: #ffffff !important;
    width: 200px !important;
    margin-top: 2px !important;
}

/* Remove setas/triângulos padrão que o template possa inserir */
.dropdown-usermenu::before, .dropdown-usermenu::after {
    display: none !important;
}

/* 2. Estilização dos Itens (Perfil / Sair) */
.dropdown-usermenu li {
    width: 100% !important;
}

.dropdown-usermenu li a {
    font-family: 'Inter', sans-serif !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 15px !important;
    border-radius: 12px !important; /* Links arredondados internamente */
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

/* 3. Hover dos Itens */
.dropdown-usermenu li a:hover {
    background: #00000015 !important;
}

/* 4. Estilo dos Ícones internos */
.dropdown-usermenu li a i {
    font-size: 16px !important;
    margin-right: 10px !important;
    color: #64748B !important;
    width: 20px !important;
    text-align: center !important;
    float: none !important;
    margin-left: 0 !important;
}

.dropdown-usermenu li a:hover i {
}

/* FILTROS */
.dashboard-header-modern {
    background: transparent !important;
    padding: 1px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}
.header-main-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #FAFAFA !important;
    margin-left: -21px !important;
    margin-right: -21px !important;
    margin-top: -1px !important;
    width: calc(100% + 42px) !important;
    padding: 0 25px !important;
    min-height: 77px !important;
}
.dashboard-title#header-parent-title{
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 !important;
}
.dashboard-subtitle#header-child-title{
    margin: 0 !important;
    color: #333333 !important;
}
.header-main-row-titles{
    display: flex !important;
    flex-direction: column !important;
}
.drawer{
    display: none !important;
    position: absolute !important;
    top: 13% !important;
    right: 0 !important;
    left: auto !important;
    width: 370px !important;
    height: auto !important;
    overflow-y: auto !important;
    background: #FFFFFF !important;
    border-radius: 24px !important;
    transform: none !important;
    z-index: 99999 !important;
    margin-top: 8px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
}
.drawer.isDrawerOpen {
    display: block !important;
}
#drawer-filters .filters-container{
    padding: 30px !important;
}
#drawer-filters.isDrawerOpen .filters-container {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 40px !important;
}
.filters-container fieldset:has(#data_inicio),
.filters-container fieldset:has(#data_final) {
    width: calc(50% - 20px) !important;
}
/* --- LABELS E CAMPOS --- */
.fieldset-auto-width legend {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748B !important;
    margin-bottom: 8px !important;
    border: none !important;
}

/* SELECTS E DATAS EM FORMATO DE PÍLULA */
#drawer-filters .bootstrap-select > .dropdown-toggle,
#drawer-filters .filtro-data {
    border-radius: 30px !important; /* Pílula perfeita */
    height: 40px !important;
    border: 1px solid #E2E8F0 !important;
    background-color: #FFFFFF !important;
    padding-left: 20px !important;
}

#drawer-filters .fieldset-auto-width {
    border: none !important;
    padding: 0 !important; /* Removemos o 1em que estava encolhendo a div */
    width: 100% !important;
    margin: 8px 0 !important;
}
#drawer-filters input#data_inicio,
#drawer-filters input#data_final {
    color: #333333 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
/* 2. Forçao dropdown (bootstrap-select) a ocupar 100% da div-flex */
.div-flex {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}
.div-flex .bootstrap-select {
    width: 100% !important; /* Faz o select ir até o fim */
}
/* 3. No Print 2 (Figma), o checkbox 'Select All' não aparece.
      Esconda-o para limpar o visual e ganhar espaço. */
.select-all-checkbox {
    display: none !important;
}
#drawer-filters button.btn-select.dropdown-toggle.btn-default {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* --- BOTÃO FILTROS (MODERNO) --- */
.btn-modern-header {
    height: 40px !important;
    width: auto !important; /* REMOVIDO OS 150PX: Deixa o conteúdo respirar */
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 16px !important; /* Espaçamento interno lateral */
    gap: 8px !important; /* Espaço entre ícone e texto */
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    position: static !important;
    transform: none !important;
}
.btn-modern-header:hover {
    border-color: #CBD5E1 !important;
    background-color: #F8FAFC !important;
}

/* --- AJUSTES DE TEXTO E ÍCONE --- */
.btn-modern-header .label-text {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1E293B !important;
}
/* Estilo do ícone dentro do limite */
.btn-modern-header i {
    color: #64748B !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
}
/* Esconde o botão rosa flutuante antigo que está atrapalhando */
a.filters-btn.hidden-print {
    display: none !important;
}

/* --- CHIPS (PÍLULAS) --- */
.active-filters-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 0px !important;
    background: #FAFAFA !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* Estiliza os H5 e SPANS como pílulas cinzas */
.active-filters-chips h5,
.active-filters-chips span.chip-label {
    display: inline-block !important;
    background: #F5F5F5 !important;
    border: 2px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    margin: 0 !important;
    color: #333333 !important;
    font-weight: 400 !important;
}
/* Esconde pílulas vazias */
.chip-label:empty {
    display: none !important;
}

/* Esconde os chips se o JS ainda não preencheu com texto */
.active-filters-chips h5:empty,
.active-filters-chips span:empty {
    display: none !important;
}

/* Link Limpar Tudo */
.clear-all-link {
    font-size: 12px !important;
    color: #94A3B8 !important;
    text-decoration: none !important;
    margin-left: 10px !important;
}
.clear-all-link:hover {
    color: #0070FD !important;
    text-decoration: underline !important;
}
.header-actions{
    display: flex !important;
    gap: 20px !important;
    position: relative !important; /* IMPORTANTE */

}
.limit-wrapper.btn-modern-header > i > input {
    width: auto !important;
}
input#limit{
    width: 30px !important; /* Largura mínima para 2 ou 3 dígitos */
    border: none !important;
    background: transparent !important;
    font-weight: 700 !important;
    color: #475569 !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: 14px !important;
}
input#limit:focus {
    box-shadow: none !important;
}
.filters-btn i:last-of-type {
    margin-left: auto !important;
    padding-left: 10px !important;
}
.filter-btn {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

#buttonfilter {
    background: #0070FD !important;
    border-radius: 30px !important;
    padding: 10px 40px !important;
    font-weight: 600 !important;
}

#buttonclear {
    background: transparent !important;
    color: #94A3B8 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 20px !important;
}
#buttonclear:hover{
    background: #00000020 !important;
    font-weight: 600 !important;
}

/* ============================================================*/
/* --- LOGIN --- */
/* --- FUNDO E CARD CENTRAL --- */
body.login {
    font-family: 'Inter', sans-serif !important;
    background-color: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    margin: 0 !important;
}

/* O #app agora é o card branco que contém TUDO (incluindo o logo) */
body.login #app {
    background: #ffffff !important;
    padding: 40px 35px !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06) !important;
    width: 100% !important;
    max-width: 600px !important; /* Largura fixa do card */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* --- RESET DE LARGURAS (O Segredo para não espremer) --- */
/* Forçamos todas as divs internas do Bootstrap a usarem largura total */
body.login #app .flex-box,
body.login #app .col-md-4,
body.login #app .div-login,
body.login #app form {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    float: none !important; /* Mata o float do Bootstrap */
}

/* --- LOGO --- */
body.login header.flex-box {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

body.login header.flex-box img.logo {
    max-width: 180px !important;
    height: auto !important;
}

/* --- INPUTS PÍLULA --- */
body.login .form-control {
    width: 100% !important;
    border-radius: 25px !important;
    height: 50px !important;
    padding: 10px 20px 10px 45px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D4D4D4 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
input#password {
    padding-left: 45px !important;
}

.login-input-container{
    position: relative !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}
.login-input-container:first-of-type {
    margin-bottom: 18px !important;
}
.login-input-container:last-of-type {
    margin-bottom: 5px !important;
}
.login-input-icon-left {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 18px !important;
    z-index: 5 !important;
}
i.fa.fa-lock.login-input-icon-left {
    padding-left: 3px !important;
}
input#password {
    margin-bottom: 0 !important;
    color: #334155 !important;
}
body.login .div-login p a:hover {
    color: #0070FD !important;
    transition: color 0.2s !important;
}

/* --- WIDGET CAPTCHA --- */
body.login altcha-widget {
    width: 100% !important;
    margin: 10px 0 20px 0 !important;
}

/* --- BOTÃO ENTRAR --- */
body.login .btn-primary.submit {
    width: 40% !important;
    background-color: #0070FD !important;
    border-radius: 25px !important;
    height: 45px !important;
    font-weight: 500 !important;
    font-size: 16px;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: none;
}
.unnimax-color {
    color: #334155 !important;
}
.email-input-reset{
    width: 80% !important;
}
.btn-login-entrar {
    width: 40% !important;
}
/* --- TEXTOS E LINKS --- */
body.login .div-login p,
body.login .div-login a,
body.login .reset_pass {
    font-family: 'Inter', sans-serif;
    text-align: center !important;
    width: 100% !important;
    font-size: 13px !important;
    color: #334155 !important;
    text-decoration: none !important;
}

.div-login{
    gap: 1rem !important;
}

/* --- RODAPÉ --- */
body.login .div-direitos {
    margin-top: 25px !important;
    font-size: 11px !important;
    color: #94a3b8 !important;
}
p.direitos-reservados {
    color: #7A7A7A !important;
}
body.login #app > br {
    display: none !important;
}


/* --- AJUSTE SIDEBAR COMPACTA --- */
body.nav-sm label.buscador-label {
    font-size: 12px !important;
    margin-bottom: 0 !important;
}
body.nav-sm .site_title img.logo:first-child {
    margin-left: 6px !important;
    margin-right: 17px !important;
}
body.nav-sm .nav.side-menu > li {
    margin: 5px 0 !important;
    width: 100% !important;

}
body.nav-sm .nav.side-menu > li > a {
    display: block !important;
    text-align: center !important;
    padding: 10px 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    align-items: center !important;
    font-size: 10px !important;
    justify-content: center !important;
}
body.nav-sm .nav.side-menu > li > a i {
    font-size: 22px !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}
body.nav-sm .nav.side-menu > li > a span,
body.nav-sm .nav.side-menu > li > a .fa-chevron-down {
    display: none !important;
}
body.nav-sm .nav.side-menu > li > a:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}
body.nav-sm .campo-grupo {
    padding-left: 12px !important;
}
body.nav-sm ul.nav.child_menu li a {
    color: white !important;
    font-size: 10px !important;
    border-radius: 0 !important;
}
.nav-sm ul.nav.child_menu li {
    padding: 0 !important;
}
body.nav-sm ul.nav.child_menu li {
    background: #3e5367 !important;
}
.dropdown-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    z-index: 999999 !important;
    max-height: 250px;
    overflow-y: auto;
}

.item-autocomplete {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    color: #333 !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.item-autocomplete:hover, .teclado-selecionado {
    background-color: #00000015 !important;
    color: #0070FD !important;
}
#lista-resultados {
    list-style: none !important; /* REMOVE AS BOLINHAS */
    padding: 5px 0 !important;   /* Espaço interno topo/base */
    margin: 0 !important;
}
/* --- BUSCADOR NO MODO COMPACTO --- */

/* Esconde o label "Buscar painéis" e encolhe o container */
body.nav-sm .campo-grupo .buscador-label {
}

body.nav-sm .campo-grupo {
    padding: 0 10px !important;
    margin-bottom: 15px !important;
}

/* Transforma o input em um "botão" de ícone centralizado */
body.nav-sm .buscador-input {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    cursor: pointer;
    background-image: none !important; /* Remove a lupa interna se tiver */
    margin: 0 auto !important;
    display: block !important;
}

/* Coloca uma lupa fixa no centro para o usuário saber que é busca */
body.nav-sm .campo-grupo div::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #6B7280;
    pointer-events: none;
}
/* O SEGREDO: Dropdown flutuando para a DIREITA na sidebar compacta */
body.nav-sm #dropdown-resultados {
    position: fixed !important; /* Fixed para não ser cortado pela sidebar */
    left: 70px !important;      /* Cola na lateral da sidebar */
    top: 130px !important;      /* Alinha com a altura do ícone */
    width: 250px !important;
    display: none;
}

body.nav-sm .item-autocomplete {
    display: block !important;
}
body.nav-sm .left_col .buscador-input {
    border-radius: 10px !important;
}

.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}