@import url('fontes.css');
@import url('definicoes.css');
@import url('bootstrap_extensao.css');

* {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* --- COMPONENTE DE LISTA: DROPDOWNS --- */
.dropdown-menu {
    border-radius: 10px;
    padding: 8px 0;
    font-size: 0.9rem;
    z-index: 2000 !important; 
}

.dropdown-menu.show {
    display: block !important;
}

.dropdown-item {
    padding: 8px 20px;
    font-weight: 500;
}

.dropdown-item i {
    width: 20px;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #003366; /* Rhino */
}

.btn-group .btn + .btn-sm.dropdown-toggle {
    border-left: 1px solid rgba(255,255,255,0.2);
}

.table-responsive {
    overflow: visible !important;
}

/* --- TABELAS --- */
.table thead th, .table thead th * {
    font-weight: 600;
}

.table.table-striped-lavender-light tbody tr:nth-child(odd) {
    background-color: var(--lavender-light) !important;
}

.table.table-striped-lavender-light tbody tr:nth-child(odd) td {
    background-color: inherit !important;
}

.table.table-striped-lavender-light tbody tr:nth-child(even) {
    background-color: white !important;
}

.table.table-striped-lavender-light tbody tr:nth-child(even) td {
    background-color: inherit !important;
}

/* --- MENU PRINCIPAL (HOVER SYSTEM) --- */
.hover-display-children:hover .menu-suspenso { 
    display: block !important; 
}

.menu-suspenso { 
    display: none; 
}

/* --- CUSTOM FORM INPUTS --- */
.custom-checkbox-group label.custom-checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.custom-checkbox-group label.custom-checkbox span {
    font-weight: bold;
    color: #fff;
    display: none;
    user-select: none;
}

.custom-checkbox-group input[type="checkbox"]:checked ~ label.custom-checkbox {
    background-color: var(--rhino);
    border-color: var(--rhino);
}

.custom-checkbox-group input[type="checkbox"]:checked ~ label.custom-checkbox span {
    display: block;
}

/* --- CONTEXT EXPLORER (BREADCRUMB) - VERSÃO FINAL SEM OVERFLOW --- */
.context-explorer {
    display: flex; 
    align-items: center;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid var(--rhino);
    /* Removemos o width: 100% e display: block */
    box-sizing: border-box;
}

/* Evita que rows internas causem rolagem em casos extremos */
.container-fluid {
    overflow-x: hidden !important;
}

.context-item {
    display: inline-flex; /* Mantém itens na linha até precisar quebrar */
    align-items: center;
    font-size: 0.85rem;
    color: var(--rhino);
    line-height: 1.4;
    vertical-align: middle;
}

.context-item i {
    flex-shrink: 0;
    margin-right: 8px;
    width: 18px;
    text-align: center;
    opacity: 0.7;
}

.context-label {
    font-weight: 700;
    color: var(--rhino);
    word-break: break-word;
}

.context-divider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    color: #adb5bd;
    font-size: 0.7rem;
}

/* --- RESPONSIVIDADE --- */
@media (max-width: 767.98px) {
    .context-explorer {
        padding: 8px 12px;
        margin-bottom: 20px; /* Mais espaço no mobile para os botões empilhados */
    }
    
    /* No mobile, permitimos que os itens do breadcrumb quebrem linha naturalmente */
    .context-item {
        padding: 2px 0;
    }

    /* Mantemos o divisor mas com menos padding para não gastar tela */
    .context-divider {
        padding: 0 5px !important;
    }

    /* Ajuste para botões não colarem no mobile */
    .gap-2 {
        gap: 0.75rem !important;
    }
}