/* FORȚARE STILURI DASHBOARD */
    
    /* 1. Asigură-te că containerul e vizibil și ocupă spațiu */
    #zona-tablou-bord.vizibil {
        display: block !important;
        width: 100%;
        animation: fadeIn 0.5s ease;
    }

    /* 2. Stiluri Specifice Dashboard */
    .dash-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 1rem;
    }

    /* HERO SECTION - Albastru/Indigo */
    .dash-hero {
        background: linear-gradient(135deg, #1e1b4b 0%, #4f46e5 100%) !important;
        color: white !important;
        padding: 2rem;
        border-radius: 1rem;
        margin-bottom: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.4);
    }
    
    .dash-salut h2 { 
        font-size: 1.8rem; 
        font-weight: 800; 
        margin: 0;
        color: white; 
    }
    
    .dash-salut p {
        color: #e0e7ff;
        margin-top: 0.5rem;
    }

    /* GRID LAYOUT */
    .dash-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 2rem;
    }

    /* CARDURI MODULE */
    .card-modul {
        background: white !important;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        padding: 1.5rem;
        margin-bottom: 1rem;
        border-left: 5px solid #cbd5e1; /* Gri pt neînceput */
        transition: transform 0.2s;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }
    
    .card-modul:hover {
        transform: translateX(5px);
    }

    .card-modul.activ {
        border-left-color: #3b82f6 !important; /* Albastru pt activ */
    }

    .modul-titlu {
        font-weight: 700;
        color: #1f2937;
        font-size: 1.1rem;
    }

    /* WIDGETURI DREAPTA */
    .dash-widget {
        background: white;
        padding: 1.5rem;
        border-radius: 0.75rem;
        border: 1px solid #e5e7eb;
        margin-bottom: 1.5rem;
    }

    .widget-ai {
        background: linear-gradient(to bottom right, #6366f1, #818cf8) !important;
        color: white;
    }

    .stat-val {
        font-weight: 800;
        color: #4f46e5;
        float: right;
    }
    
    /* Fix pentru mobile */
    @media (max-width: 900px) {
        .dash-grid { grid-template-columns: 1fr; }
        .dash-hero { flex-direction: column; text-align: center; gap: 1rem; }
    }