/* Projektspezifische Ergänzungen zu Bootstrap 5 (Standardkomponenten, keine Theme-Anpassung) */

/* Öffentliche Gruppen-Seiten (/g/…): Logo links neben dem Inhalt.
   Auf schmalen Viewports fehlt der Platz dafür, dann bleibt nur der Inhalt sichtbar. */
.guest-group-page {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.guest-group-page__logo {
    flex: 0 0 auto;
    width: 160px;
    height: auto;
    opacity: 0.05;
    user-select: none;
    display: none;
}

.guest-group-page__content {
    flex: 1 1 auto;
    min-width: 0;
}

@media (min-width: 1200px) {
    .guest-group-page__logo {
        display: block;
    }
}

.clickable-row {
    cursor: pointer;
}

.viewer-frame {
    width: 100%;
    height: 80vh;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

/* Chevron-Icon in der Gruppentabelle dreht sich mit dem Bootstrap-Collapse-Zustand
   (".collapsed" wird von Bootstrap automatisch am Toggle-Button gesetzt/entfernt). */
.group-toggle .chevron {
    display: inline-block;
    transition: transform 0.15s ease;
}

.group-toggle:not(.collapsed) .chevron {
    transform: rotate(90deg);
}

/* Aufgeklappte Dateiliste einer Gruppe: senkrechte Linie mit einem Punkt je Datei,
   zeigt die Zugehörigkeit zur darüberliegenden Gruppenzeile. */
.group-files-tree td.tree-cell {
    position: relative;
    width: 2.5rem;
    padding: 0;
}

.group-files-tree td.tree-cell::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--bs-border-color);
}

.group-files-tree tr:last-child td.tree-cell::before {
    bottom: 50%;
}

.group-files-tree td.tree-cell::after {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-2.5px, -2.5px);
    border-radius: 50%;
    background: var(--bs-secondary-color, #6c757d);
}