/* shared/layout.css - Estilos Globais do Sistema V-JAM */
:root {
    --bg-main: #0a0a0c;
    --bg-card: #16161a;
    --accent: #3b82f6;
    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --border: rgba(255, 255, 255, 0.05);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-main);
    color: var(--text-primary);
    margin: 0;
    overflow-x: hidden;
}

.glass {
    background: rgba(18, 18, 20, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border);
}

.card-custom {
    background: var(--bg-card);
    border: 1px solid var(--border);
    transition: all 0.3s ease;
}

.card-custom:hover {
    border-color: rgba(59, 130, 246, 0.4);
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

/* Scrollbar Style */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0c; }
::-webkit-scrollbar-thumb { background: #1f1f23; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #2f2f35; }

/* Layout Grid for Sidebar */
.main-wrapper {
    display: flex;
    min-height: 100vh;
}

#sidebar-container {
    width: 260px;
    flex-shrink: 0;
}

.content-area {
    flex-grow: 1;
    padding: 2rem;
}

@media (max-width: 768px) {
    #sidebar-container { width: 0; display: none; }
    .content-area { padding: 1rem; }
}