/* ================================
   OneClick – kompakte, eckige Action Buttons
   ================================ */

.oc-actionbar {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

    /* Einheitlich kleiner, eckiger Button */
    .oc-actionbar .rz-button {
        min-width: 28px; /* kleiner als vorher (34px) */
        height: 28px;
        border-radius: 6px;
        padding: 0 6px;
    }

        /* Icongröße anpassen */
        .oc-actionbar .rz-button .rz-button-icon {
            font-size: 16px; /* kleiner als 18px */
        }

        /* Hover: subtil grau */
        .oc-actionbar .rz-button.rz-variant-flat:hover:not(.rz-state-disabled),
        .oc-actionbar .rz-button.rz-variant-text:hover:not(.rz-state-disabled) {
            background: rgba(0,0,0,.08);
            box-shadow: 0 1px 2px rgba(0,0,0,.12);
        }

        /* Danger sichtbar (z. B. Löschen) */
        .oc-actionbar .rz-button.rz-danger {
            background: #e53935; /* Material Red 600 */
            color: #fff;
        }

            .oc-actionbar .rz-button.rz-danger:hover:not(.rz-state-disabled) {
                background: #d32f2f; /* etwas dunkler beim Hover */
            }

    /* Disabled abgedunkelt */
    .oc-actionbar .rz-state-disabled .rz-button-icon {
        opacity: .35;
    }



   /* ================================ 
       Treeview


   */

/* ===============================
   Custom TreeView Anpassungen
   =============================== */

/* 1) Kompakteres Layout, enger an Text */
.oc-tree-row {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-height: 26px;
    margin-left: -6px;
}

.oc-caret, .oc-icon-folder, .oc-icon-report, .oc-icon-star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.oc-tree-text {
    cursor: pointer;
    display: inline-block;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .82rem;
}

.oc-badge {
    margin-left: auto;
    font-size: .68rem;
    padding: 0 .3rem;
    border-radius: 8px;
    background: var(--rz-secondary-lighter);
    color: var(--rz-text-color);
}

.rz-treenode-children {
    margin-left: 0.75rem !important;
}

.rz-treenode-content {
    line-height: 1.6rem;
}

/* 2) Globale Baum-Einrückung (Radzen Variable) */
/* 1) Platz für den eingebauten Toggle entfernen */
.rz-tree {
    --rz-tree-node-toggle-width: 0px; /* Standard ~16px */
}

    /* 2) Radzen-Toggle ausblenden (wir nutzen unseren eigenen Pfeil) */
    .rz-tree .rz-treenode-toggle {
        display: none;
        width: 0 !important;
    }

    /* 3) Einrückung der Unterknoten verringern */
    .rz-tree .rz-treenode-children {
        margin-left: 0.9rem !important;
    }

        .rz-tree .rz-treenode-children .rz-treenode-children {
            margin-left: 0.9rem !important;
        }

    /* 4) Restliche Innenabstände/Zeilenhöhe kompakter */
    .rz-tree .rz-treenode-content {
        padding-left: 0 !important;
        line-height: 1.6rem;
    }

/* 5) Unser Template noch leicht nach links ziehen */
.oc-tree-row {
    margin-left: -6px;
    gap: .25rem;
}

/* (optional) Fieldset-Content links enger */
.oc-nav-fs .rz-fieldset-content {
    padding: .25rem .5rem;
}