.thead-style{
    background-color: #0D1B2A; color: #778DA9; border-bottom: 2px solid #415A77;
}

.table-style{
    font-family: Montserrat, sans-serif; background-color: #1B263B; border: 1px solid #415A77; color: #E0E1DD;
}

.table-break th,
.table-break td {
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
    max-width: 200px; 
    position: relative; 
    vertical-align: top;
    padding: 8px; 
}

.table-responsive {
  
    overflow: visible; 
}

.nome-centralizado {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#breadcrumbNav .breadcrumb {
    flex-wrap: nowrap;
}

#breadcrumbNav .breadcrumb-item {
    padding-right: 0.5rem;
}

body {
    padding-top: 20px; 
}

#navbarComandos {
    top: 60px; 
}

#breadcrumbNav {
    top: 100px; 
}

/* Em telas menores, o padding-top precisa ser menor, pois as navbars podem se expandir */
@media (max-width: 768px) {
    body {
        padding-top: 110px; /* Ajuste para a altura total em dispositivos móveis */
    }
}

#navbarNav {
  z-index: 1050; /* Valor padrão de z-index de modais no Bootstrap */
}

table.table.table-bordered.table-hover tr.status-azul td,
table.table.table-bordered.table-hover tr.status-vermelho td,
table.table.table-bordered.table-hover tr.status-verde td,
table.table.table-bordered.table-hover tr.status-amarelo td {
    background-color: initial !important; 
    color: initial !important; 
}

table.table.table-bordered.table-hover tr.status-azul td.status-coluna .rounded-pill {
    background-color: #0d6efd !important; 
    color: white !important;
}

table.table.table-bordered.table-hover tr.status-vermelho td.status-coluna .rounded-pill {
    background-color: #dc3545 !important; 
    color: white !important;
}

table.table.table-bordered.table-hover tr.status-verde td.status-coluna .rounded-pill {
    background-color: #198754 !important; 
    color: white !important;
}

table.table.table-bordered.table-hover tr.status-amarelo td.status-coluna .rounded-pill {
    background-color: #ffc107 !important; 
    color: black !important; 
}

table.table.table-bordered.table-hover tr.table-primary td,
table.table.table-bordered.table-hover tr.selecionado td {
    /* Cor que você usa para o destaque. Usei um azul claro padrão do Bootstrap. */
    background-color: #c9e0f3 !important; 
    color: #212529 !important; /* Texto preto para garantir visibilidade */
}

/* 2. Garante que a PÍLULA (rounded-pill) também seja redefinida. 
   Ela deve ter a mesma cor do fundo de destaque para não gerar conflito. */
table.table.table-bordered.table-hover tr.table-primary td .rounded-pill,
table.table.table-bordered.table-hover tr.selecionado td .rounded-pill {
    /* Faz a pílula 'sumir' ou ter a mesma cor do fundo de destaque */
    background-color: #c9e0f3 !important; 
    color: #212529 !important; /* Força o texto para preto */
}

.input-group-text-fixed {
    width: 45px; 
    justify-content: center;
}

body { overflow-x: hidden; color: #E0E1DD; }
    
    #sidebarAcoes {
        width: 240px;
        height: calc(100vh - 85px);
        position: fixed;
        top: 85px;
        left: 0;
        background-color: #f8f5f5;
        /* border-right: 1px solid #415A77; */
        padding: 20px 0;
        z-index: 900;
        display: none; /* Começa oculto */
        transition: all 0.3s;
    }

    .sidebar-title {
        padding: 0 25px 15px 20px;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #778DA9;
        font-weight: bold;
    }

    /* Itens do Sidebar  */
    .nav-item-side {
        display: none; /* Controlado pela função JS */
        width: 100%;
        padding: 8px 10px;
        color: #1B263B;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.8rem;
        border: none;
        background: transparent;
        text-align: left;
        transition: 0.2s;
        cursor: pointer;
        border-left: 4px solid transparent;
    }

    .nav-item-side i {
        margin-right: 5px;
        font-size: 0.8rem;
        color: #38b6ff;
    }

    .nav-item-side:hover {
        background-color: #415A77;
        color: #fff;
        border-left: 4px solid #38b6ff;
    }

    .nav-item-side:disabled {
        opacity: 0.3;
        cursor: not-allowed;
        filter: grayscale(1);
    }

    #conteudo-principal { 
        margin-left: 0;
        transition: margin-left 0.3s;
    }