/* CSS Personalizado do Sidebar - Gerado automaticamente */

:root {
    --sidebar-bg-custom: #00066d;
    --sidebar-active-custom: #0086ff;
    --sidebar-text-custom: #ffffff;
    --sidebar-width-custom: 290px;
}

.sidebar {
    background: var(--sidebar-bg-custom) !important;
    color: var(--sidebar-text-custom) !important;
    width: var(--sidebar-width-custom) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.main-content {
    margin-left: var(--sidebar-width-custom) !important;
}

.nav-item {
    color: var(--sidebar-text-custom) !important;
    padding: 6px var(--spacing-lg) !important;
    font-size: 0.85em !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
}

.nav-item.active {
    background: #0086ff33 !important;
    border-left-color: var(--sidebar-active-custom) !important;
}

.nav-item:hover {
    border-left-color: var(--sidebar-active-custom) !important;
}

.nav-item i {
    width: 16px !important;
    font-size: 0.9em !important;
}

/* Scrollbar customizada para o sidebar */
.sidebar::-webkit-scrollbar {
    width: 8px;
}

.sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    transition: background 0.2s ease;
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}

/* Firefox */
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
    .main-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}