/* VLYX FileSharing – Rest-Styles
 * Das komplette Look & Feel kommt aus vlyx.css (VLYX-Navigator-Design-System).
 * Hier verbleiben nur ein paar App-spezifische Kleinigkeiten, die vlyx.css
 * bewusst NICHT ueberschreiben sollen.
 */

/* Tabellen auf sehr kleinen Screens etwas kompakter */
@media (max-width: 576px) {
    .table-responsive {
        font-size: 0.875rem;
    }
}

/* ===== Sidebar ein-/ausklappen (Desktop) – schmale Icon-Leiste ===== */
:root { --dva-sidebar-collapsed-width: 64px; }

@media (min-width: 768px) {
    .app-sidebar { transition: width 0.2s ease, transform 0.3s ease; }
    .app-main    { transition: margin-left 0.2s ease; }

    body.sidebar-collapsed .app-sidebar { width: var(--dva-sidebar-collapsed-width); }
    body.sidebar-collapsed .app-main    { margin-left: var(--dva-sidebar-collapsed-width); }

    /* Beschriftungen ausblenden, Symbole behalten */
    body.sidebar-collapsed .sidebar-brand span,
    body.sidebar-collapsed .sidebar-nav-item span,
    body.sidebar-collapsed .sidebar-section-label,
    body.sidebar-collapsed .sidebar-user span,
    body.sidebar-collapsed .sidebar-nav-item .badge { display: none; }

    /* Symbole zentrieren */
    body.sidebar-collapsed .sidebar-header,
    body.sidebar-collapsed .sidebar-brand,
    body.sidebar-collapsed .sidebar-user,
    body.sidebar-collapsed .sidebar-nav-item {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }
    body.sidebar-collapsed .sidebar-nav-item i { width: auto; margin: 0; }
    body.sidebar-collapsed .sidebar-divider { margin-left: 0.75rem; margin-right: 0.75rem; }
}