/* Quando estiver no layout simples (Login, Registro, etc) */
.fi-simple-layout .fi-logo {
    height: 7rem !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Quando estiver no layout do painel (Sidebar) */
.fi-sidebar-header .fi-logo {
    height: 2.5rem !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Tamanho dos títulos das páginas */
.fi-header-heading {
    font-size: 1.375rem !important;
    font-weight: 700 !important;
}

/* Ocultar o título (ex: "Faça login") na tela de login */
.fi-simple-header-heading {
    display: none !important;
}

/* Estilização das Abas (Tabs) como Cards */
.fi-tabs,
.fi-tabs nav {
    width: 100% !important;
    max-width: 100% !important;
}

.fi-tabs nav {
    border: 1px solid #e5e7eb !important;
    background-color: #ffffff !important;
    border-radius: 0.75rem !important;
    padding: 0.4rem !important;
    margin-bottom: 1.5rem !important;
    display: flex !important;
    gap: 0.5rem !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1) !important;
}

.dark .fi-tabs nav {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Cada aba individual */
.fi-tabs-item {
    border: 1px solid #f3f4f6 !important;
    border-radius: 0.5rem !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

.dark .fi-tabs-item {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Aba quando estiver ativa */
.fi-tabs-item-active {
    border-color: #c5a159 !important;
    /* Seu dourado */
    background-color: #f9fafb !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}

.dark .fi-tabs-item-active {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Reduzir espaço entre linhas APENAS em tabelas com a classe 'tabela-compacta' */
.tabela-compacta .fi-ta-text {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.tabela-compacta .fi-ta-cell>div,
.tabela-compacta .fi-ta-cell>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tabela-compacta .fi-ta-header-cell>div {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}