/* ──────────────────────────────────────────────────────────────────────────
   Aperçu du tableau de bord — cadrage du partiel template-parts/dashboard-preview.php

   Le tableau de bord réel est positionné en absolu par 1-layout/layout.css, que
   ces pages ne chargent pas. On le ramène donc dans un cadre en flux : hauteur
   fixe, sidebar en colonne, contenu qui défile à l'intérieur. Mêmes valeurs que
   le simulateur de la page Démonstration, d'où ce balisage est issu.
   ────────────────────────────────────────────────────────────────────────── */

.dash-preview {
    height: 560px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    background: var(--bg-primary);
}

.dash-preview .d314-dashboard {
    display: flex !important;
    height: 100% !important;
    overflow: hidden !important;
    background: var(--bg-primary) !important;
    position: relative !important;
}

.dash-preview .d314-dashboard .sidebar {
    position: relative !important;
    top: auto !important; left: auto !important;
    height: 100% !important;
    width: 210px !important; min-width: 210px !important; max-width: 210px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    background: var(--bg-secondary) !important;
    border-right: 1px solid var(--border-subtle) !important;
}

.dash-preview .d314-dashboard .main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 1 !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    height: 100% !important;
}

@media (max-width: 900px) {
    .dash-preview { height: 460px; }
    .dash-preview .d314-dashboard .sidebar { display: none !important; }
}