/* ===================================
   TEMA PERSONALIZADO - AZUL ESCURO (#1a1a2e)
   Aplica em TODAS as páginas do painel
   =================================== */

/* 1. MENU LATERAL (já estava) */
#layout-menu,
.layout-menu.bg-menu-theme {
    background-color: #1a1a2e !important;
    background-image: none !important;
}

.menu-inner-shadow {
    display: none !important;
}

/* Texto claro no menu */
#layout-menu .menu-link,
#layout-menu .menu-header-text,
#layout-menu .menu-icon {
    color: #e0e0e0 !important;
}

#layout-menu .menu-item.active > .menu-link {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

#layout-menu .menu-item:hover > .menu-link {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* 2. NAVBAR (topo) */
.navbar,
.layout-navbar {
    background-color: #1a1a2e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.navbar .navbar-brand,
.navbar .menu-link,
.navbar .bx {
    color: #e0e0e0 !important;
}

.navbar .navbar-nav .nav-item:hover > .nav-link {
    color: #fff !important;
}

/* 3. FOOTER */
.content-footer,
.bg-footer-theme {
    background-color: #1a1a2e !important;
    color: #b0b0b0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. FUNDO GERAL (body) */
body,
.layout-wrapper,
.layout-container,
.layout-page,
.content-wrapper {
    background-color: #0f1620 !important; /* Um tom um pouco mais escuro que o menu */
    color: #e0e0e0 !important;
}

/* 5. CARDS (opcional: fundo mais escuro) */
.card,
.card-body {
    background-color: #1a1f2e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e0e0e0 !important;
}

.card .card-title {
    color: #fff !important;
}

/* 6. TABELAS (opcional) */
.table {
    background-color: #1a1f2e !important;
    color: #e0e0e0 !important;
}

.table th {
    background-color: #1a1a2e !important;
    color: #fff !important;
}

/* 7. BOTÕES PRIMÁRIOS (manter azul, mas ajustar contraste) */
.btn-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

.btn-primary:hover {
    background-color: #2563eb !important;
    
}
/* ===================================
   CORES PERSONALIZADAS DOS CARDS INTEIROS
   =================================== */

/* CARD USUÁRIOS - CIANO NEON */
.card-usuarios {
    background: linear-gradient(135deg, #1a1a2e, #0d1b2a) !important;
    border: 1px solid #00d4ff !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.3) !important;
}

.card-usuarios .card-body,
.card-usuarios .card-title,
.card-usuarios .counter {
    color: #00d4ff !important;
}

/* CARD AGENTES - VERMELHO CORAL */
.card-agentes {
    background: linear-gradient(135deg, #1a1a2e, #2d1b1b) !important;
    border: 1px solid #ff6b6b !important;
    box-shadow: 0 0 15px rgba(255, 107, 107, 0.3) !important;
}

.card-agentes .card-body,
.card-agentes .card-title,
.card-agentes .counter {
    color: #ff6b6b !important;
}

/* CARD JOGADORES - AMARELO DOURADO */
.card-jogadores {
    background: linear-gradient(135deg, #1a1a2e, #2d2b1b) !important;
    border: 1px solid #ffd93d !important;
    box-shadow: 0 0 15px rgba(255, 217, 61, 0.3) !important;
}

.card-jogadores .card-body,
.card-jogadores .card-title,
.card-jogadores .counter {
    color: #ffd93d !important;
}