/* ============================================================
   oo-ordnerbaum – Onesown OrdnerBaum Komponente
   ============================================================ */

.oo-ordnerbaum {
    width: 100%;
}

.oo-ordnerbaum .oo-table.FolderTable {
    width: 100%;
    border-collapse: collapse;
    color: var(--oo-neutral-on);
}

.oo-ordnerbaum .oo-table.FolderTable thead th {
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
    padding: var(--oo-space-2, 0.5rem);
    border-bottom: 2px solid var(--oo-neutral, #e0e0e0);
}

.oo-ordnerbaum .oo-table.FolderTable td {
    padding: var(--oo-space-2, 0.5rem);
    vertical-align: middle;
    border-bottom: 1px solid var(--oo-neutral-light, #eee);
    white-space: nowrap;
}

/* Ebenen-Einrückung */
.oo-ordnerbaum .oo-table.FolderTable tr[class*="Ebene_"] td.oo-ordnerbaum__name-zelle {
    padding-left: calc(var(--oo-space-2, 0.5rem) * 2);
}

.oo-ordnerbaum .oo-table.FolderTable tr.Ebene_0 td.oo-ordnerbaum__name-zelle { padding-left: var(--oo-space-2, 0.5rem); }
.oo-ordnerbaum .oo-table.FolderTable tr.Ebene_1 td.oo-ordnerbaum__name-zelle { padding-left: calc(var(--oo-space-6, 1.5rem) * 1); }
.oo-ordnerbaum .oo-table.FolderTable tr.Ebene_2 td.oo-ordnerbaum__name-zelle { padding-left: calc(var(--oo-space-6, 1.5rem) * 2); }
.oo-ordnerbaum .oo-table.FolderTable tr.Ebene_3 td.oo-ordnerbaum__name-zelle { padding-left: calc(var(--oo-space-6, 1.5rem) * 3); }
.oo-ordnerbaum .oo-table.FolderTable tr.Ebene_4 td.oo-ordnerbaum__name-zelle { padding-left: calc(var(--oo-space-6, 1.5rem) * 4); }

.oo-ordnerbaum__ordner-zeile {
    font-weight: 600;
}

.oo-ordnerbaum__dokument-zeile {
    font-weight: 400;
}

.oo-ordnerbaum__toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: var(--oo-space-1, 0.25rem);
    color: var(--oo-neutral-on, #6e6e6e);
}

.oo-ordnerbaum__toggle:hover {
    color: var(--oo-primary, #1976d2);
}

.oo-ordnerbaum__ordner-icon {
    font-size: 1.35rem;
}

.oo-ordnerbaum__dokument-icon {
    font-size: 1.1rem;
    color: var(--oo-neutral-on, #6e6e6e);
    vertical-align: middle;
    margin-right: var(--oo-space-1, 0.25rem);
}

.oo-ordnerbaum__aktionen-zelle,
.oo-ordnerbaum__aktionen-header {
    width: 1px;
    text-align: right;
}