/* ==========================================================================
   PERFEX CRM - CUSTOM CSS (Tema Claro Padrão & Fallback Global)
   ========================================================================== */

/* Menu Lateral Padrão Claro (Sidebar) */
#menu.sidebar {
    background-color: #ecf2ff !important;
    border-right: 1px solid #dbeafe !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04) !important;
}

#side-menu {
    padding: 0 10px 20px 10px;
}

#side-menu > li > a {
    color: #334155 !important;
    border-radius: 8px !important;
    margin-bottom: 3px;
    font-weight: 500;
}

#side-menu > li > a:hover,
#side-menu > li.open > a {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #1e3a8a !important;
}

#side-menu > li.active > a {
    background: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
}

#side-menu ul.nav-second-level {
    background: rgba(37, 99, 235, 0.04) !important;
    border-radius: 8px;
    margin: 4px 0 8px 12px;
    padding: 6px;
    border-left: 2px solid #93c5fd;
}

#side-menu ul.nav-second-level li a {
    color: #475569 !important;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
}

#side-menu ul.nav-second-level li a:hover,
#side-menu ul.nav-second-level li.active a {
    color: #1e3a8a !important;
    background: rgba(37, 99, 235, 0.1) !important;
}

/* Card de perfil na Sidebar */
.sidebar-user-profile .profile {
    background: #ffffff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    color: #1e293b !important;
    padding: 10px 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.sidebar-user-profile .profile:hover {
    background: #f8fafc !important;
    border-color: #bfdbfe !important;
}

/* Cards & Panels */
.panel_s, .panel-default {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.top_stats_wrapper {
    border-radius: 8px !important;
}

/* ==========================================================================
   Modo Escuro (Somente quando body.dark-theme estiver ativo)
   ========================================================================== */
body.dark-theme #menu.sidebar {
    background-color: #080c14 !important;
    border-right: 1px solid #1e293b !important;
}

body.dark-theme #side-menu > li > a {
    color: #94a3b8 !important;
}

body.dark-theme #side-menu > li > a:hover,
body.dark-theme #side-menu > li.open > a {
    background: #1e293b !important;
    color: #ffffff !important;
}

body.dark-theme #side-menu > li.active > a {
    background: #2563eb !important;
    color: #ffffff !important;
}

body.dark-theme #side-menu ul.nav-second-level {
    background: #0b0f19 !important;
    border-left-color: #334155 !important;
}

body.dark-theme #side-menu ul.nav-second-level li a:hover {
    background: #1e293b !important;
    color: #ffffff !important;
}

body.dark-theme .sidebar-user-profile .profile {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8fafc !important;
}

body.dark-theme .top_stats_wrapper,
body.dark-theme .tw-bg-white {
    background-color: #1a2333 !important;
    border-color: #2d3b55 !important;
    color: #f1f5f9 !important;
}