/* 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; }
}

/* -------------------------------------------- Umschaltbare Kontexthilfe */
/* Button sitzt in der hellen Topbar -> dezenter Rahmen + dunkler Text */
.helpbtn {
    background: transparent;
    border: 1px solid var(--dva-border, #e2e8f0);
    color: var(--dva-text-muted, #64748b);
    border-radius: 6px;
    padding: 0.25rem 0.6rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.helpbtn:hover { color: var(--dva-text, #1e293b); border-color: var(--dva-text-muted, #94a3b8); }
.helpbtn.active { background: #f5a623; border-color: #f5a623; color: #241500; font-weight: 800; }

.fieldhelp {
    display: none;
    margin: 0.35rem 0 0;
    padding: 0.55rem 0.78rem;
    background: #eef6f9;
    border-left: 3px solid #2b8a9e;
    border-radius: 6px;
    color: #35505c;
    font-size: 0.86rem;
    line-height: 1.45;
}
html.help-on .fieldhelp { display: block; }

.helpbanner {
    display: none;
    margin-bottom: 1rem;
    padding: 0.6rem 0.95rem;
    border-radius: 6px;
    background: #fff7ec;
    border: 1px solid #f3d19a;
    color: #8a5a12;
    font-size: 0.9rem;
}
html.help-on.has-fieldhelp .helpbanner { display: block; }

@media print {
    .helpbanner, .fieldhelp { display: none !important; }
}