/* ============================================================
   W6 ReturnCode Group Header Styles (wiso Grid)
   ------------------------------------------------------------
   Ziel:
   - Header-Zeilen (Gruppen) bekommen EINEN Verlauf über die gesamte Row
   - Tree-Icon (ID-Spalte) bleibt sichtbar
   - Bannertext steht in Mandant (volle optische Breite)
   - Alle anderen Zellen der Headerrow werden "leer" (ohne Borders)
   - Badges OK/WARN/ERR kräftig + edel
   ============================================================ */


/* ============================================================
   1) Grundsetup Headerrow
   ============================================================ */

.w6_rc_row {
    font-weight: 900;
}

/* Row als "Canvas" für den Verlauf */
.wiso_grid-row.w6_rc_row {
    position: relative;
    background: transparent !important;
}

    /* Verlauf-Overlay über die gesamte Zeile */
    .wiso_grid-row.w6_rc_row::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 10px;
        pointer-events: none;
        z-index: 0;
    }

    /* Zellen/Content liegen über dem Verlauf, ohne eigenen Hintergrund */
    .wiso_grid-row.w6_rc_row > .wiso_grid-cell {
        position: relative;
        z-index: 1;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important; /* Header: keine Trennlinien */
        box-shadow: none !important;
    }

    /* Selection darf den Verlauf nicht übermalen */
    .wiso_grid-row.w6_rc_row.wiso_row_select,
    .wiso_grid-row.w6_rc_row.wiso_row_select > .wiso_grid-cell {
        background: transparent !important;
        background-color: transparent !important;
    }


    /* ============================================================
   2) Verläufe je Kategorie (kräftiger Farbton)
   Row-Klassen: "wiso_grid-row w6_rc_row w6_rc_ok_row"
   ============================================================ */

    .wiso_grid-row.w6_rc_row.w6_rc_ok_row::before {
        background: linear-gradient( 90deg, rgba(16, 185, 129, 0.55), rgba(16, 185, 129, 0.40), rgba(11, 79, 158, 0.28), rgba(11, 79, 158, 0.14), rgba(0, 0, 0, 0) ) !important;
    }

    .wiso_grid-row.w6_rc_row.w6_rc_warn_row::before {
        background: linear-gradient( 90deg, rgba(244, 149, 25, 0.65), rgba(244, 149, 25, 0.45), rgba(244, 149, 25, 0.25), rgba(0, 0, 0, 0) ) !important;
    }

    .wiso_grid-row.w6_rc_row.w6_rc_err_row::before {
        background: linear-gradient( 90deg, rgba(220, 38, 38, 0.70), rgba(220, 38, 38, 0.50), rgba(220, 38, 38, 0.30), rgba(0, 0, 0, 0) ) !important;
    }


/* ============================================================
   3) Blank-Zellen (alle außer ID + Mandant)
   ============================================================ */

.w6_rc_blank_cell .wiso_grid-cell__content {
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ============================================================
   4) Banner-Zelle (Mandant) – optisch volle Breite
   ------------------------------------------------------------
   Trick:
   - Mandant-Cell clippt sonst -> overflow visible
   - Inhalt wird absolut positioniert und spannt über die Row
   - Tree-Icon bleibt klickbar (liegt links in ID-Cell)
   ============================================================ */

/* Mandant-Zelle: darf NICHT clippen */
.wiso_grid-row.w6_rc_row .w6_rc_banner_cell {
    position: relative !important;
    overflow: visible !important; /* 🔥 wichtig */
    padding: 0 !important;
}

    /* Inhalt-Wrapper in der Mandant-Zelle: ebenfalls nicht clippen */
    .wiso_grid-row.w6_rc_row .w6_rc_banner_cell .wiso_grid-cell__content {
        position: relative !important;
        overflow: visible !important; /* 🔥 wichtig */
        padding: 0 !important; /* padding kommt in den Banner selbst */
        background: transparent !important;
    }

    /* Der eigentliche Banner – spannt (optisch) über die ganze Row */
    .wiso_grid-row.w6_rc_row .w6_rc_banner_cell .w6_rc_banner {
        position: absolute !important;
        top: 50%;
        transform: translateY(-50%);
        left: -12px; /* leicht in ID Richtung ziehen */
        right: calc(-1 * (100vw)); /* “breit genug” über alles */
        max-width: none !important;
        z-index: 3; /* über Verlauf + leere Cells */
        pointer-events: none; /* clicks gehen durch -> Tree-Icon bleibt klickbar */
    }

    /* Inneres Banner-Design (Glas) */
    .wiso_grid-row.w6_rc_row .w6_rc_banner_cell .w6_rc_banner_inner {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        height: 28px;
        padding: 6px 12px !important;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.18);
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .2px;
        /* kleiner “Glow”, damit es auf dem Verlauf knallt */
        box-shadow: 0 6px 18px rgba(0,0,0,.18);
    }

/* Light-Theme: Glas heller */
html:not(.wiso_theme_dark) .wiso_grid-row.w6_rc_row .w6_rc_banner_cell .w6_rc_banner_inner {
    background: rgba(0,0,0,0);
    color: #fff; /* oder #fff, wenn dein Verlauf sehr dunkel bleibt */
}
/* ============================================================
   W6 ReturnCode – Tree Column (ID) Banner
   ------------------------------------------------------------
   - Text darf über die ID-Zelle hinaus gehen
   - Expand/Collapse Icon bleibt sichtbar & klickbar
   - Banner liegt optisch über der gesamten Row
   ============================================================ */

/* 1) ID-Zelle darf NICHT clippen */
.wiso_grid-row.w6_rc_row
.wiso_grid-cell.wiso_tree-cell {
    position: relative !important;
    overflow: visible !important; /* 🔥 entscheidend */
    padding: 0 !important;
}

    /* 2) Content-Wrapper ebenfalls nicht clippen */
    .wiso_grid-row.w6_rc_row
    .wiso_grid-cell.wiso_tree-cell
    .wiso_grid-cell__content,
    .wiso_grid-row.w6_rc_row
    .wiso_grid-cell.wiso_tree-cell
    .wiso_tree-cell {
        position: relative !important;
        overflow: visible !important;
        padding: 0 !important;
    }

/* 3) Expand/Collapse-Icon IMMER oben halten */
.wiso_grid-row.w6_rc_row
.wiso_grid-expand-cell-icon {
    position: relative;
    z-index: 5; /* über Banner */
}

/* 4) Banner im Tree-Feld */
.wiso_grid-row.w6_rc_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    left: 26px; /* 👉 Platz für Tree-Icon */
    right: calc(-1 * 100vw); /* optisch über ganze Row */
    z-index: 3; /* über Verlauf + leere Cells */
    pointer-events: none; /* Icon bleibt klickbar */
}

/* 5) Innerer Banner-Block */
.wiso_grid-row.w6_rc_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner_inner {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 26px;
    padding: 5px 12px;
    border-radius: 10px;
    white-space: nowrap;
    background: rgba(0,0,0,.20);
    color: #ffffff;
    font-weight: 900;
    letter-spacing: .2px;
    box-shadow: 0 6px 18px rgba(0,0,0,.20);
}

/* 6) Text im Tree-Banner */
.wiso_grid-row.w6_rc_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_text {
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

/* ============================================================
   Farbfeinheiten je Status (optional, edel)
   ============================================================ */

.w6_rc_ok_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner_inner {
    background: rgba(16,185,129,.45);
}

.w6_rc_warn_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner_inner {
    background: rgba(244,149,25,.55);
}

.w6_rc_err_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner_inner {
    background: rgba(220,38,38,.60);
}

/* ============================================================
   Light Theme Anpassung
   ============================================================ */

html:not(.wiso_theme_dark)
.w6_rc_row
.wiso_grid-cell.wiso_tree-cell
.w6_rc_banner_inner {
    background: rgba(255,255,255,.75);
    color: #000;
}



/* ============================================================
   5) Badge + Text im Banner
   ============================================================ */

.w6_rc_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.35);
    margin-right: 10px;
}

.w6_rc_text {
    font-size: 14px;
    letter-spacing: .2px;
}


/* Badge-Farben (kräftig) – abhängig von Row-Klasse */

.w6_rc_ok_row .w6_rc_badge {
    background: #10b981;
    color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(16, 185, 129, 0.35);
}

.w6_rc_warn_row .w6_rc_badge {
    background: #f49519;
    color: #000000; /* best readable on orange */
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(244, 149, 25, 0.45);
}

.w6_rc_err_row .w6_rc_badge {
    background: #dc2626;
    color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(220, 38, 38, 0.45);
}


/* ============================================================
   6) Tree-Icon (ID) – Luft ohne "Rotstreifen"
   ============================================================ */

/* Icon etwas nach rechts – nur pseudo-element */
.w6_rc_row .wiso_grid-expand-cell-icon.dxi:before {
    padding-left: 12px;
}

/* ID-Cell selbst kein extra left-padding erzwingen */
.w6_rc_row .wiso_grid-expand-cell {
    padding-left: 0 !important;
}

/* ==========================================================
   AS2Configuration – modulspezifische Zelllogik
   Voraussetzung: Wrapper .w6-as2configuration-grid
   ========================================================== */

/* Mandant-Hauptinhalt */
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_mandant
.wiso_grid-cell[data-wiso-col-id="Mandant"] .wiso_grid-cell__content,
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_mandant
.wiso_grid-cell[data-wiso-col-id="_sort1"] .wiso_grid-cell__content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    color: var(--w6-mandant-fg-strong) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(0,0,0,0.10);
    visibility: visible !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* AS2 Partner-Hauptinhalt */
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
.wiso_grid-cell[data-wiso-col-id="CommPartner"] .wiso_grid-cell__content,
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
.wiso_grid-cell[data-wiso-col-id="PartnerName"] .wiso_grid-cell__content {
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 750;
    font-size: 13px;
    letter-spacing: 0.20px;
    visibility: visible !important;
}

    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
    .wiso_grid-cell[data-wiso-col-id="CommPartner"] .wiso_grid-cell__content::before,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
    .wiso_grid-cell[data-wiso-col-id="PartnerName"] .wiso_grid-cell__content::before {
        content: "";
        width: 10px;
        height: 10px;
        margin-right: 8px;
        border-radius: 10px;
        background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(255,255,255,0.15));
        box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.20), 0 2px 8px rgba(0,0,0,0.15);
        opacity: 0.9;
    }

/* Ruhige Mandant-Spalten in Partner-Zeilen */
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
.wiso_grid-cell[data-wiso-col-id="_sort1"],
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
.wiso_grid-cell[data-wiso-col-id="Mandant"] {
    border-color: transparent !important;
}

    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
    .wiso_grid-cell[data-wiso-col-id="_sort1"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_partner
    .wiso_grid-cell[data-wiso-col-id="Mandant"] .wiso_grid-cell__content {
        visibility: hidden !important;
    }

/* Parameter-Zellen in AS2 ruhig halten */
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
.wiso_grid-cell[data-wiso-col-id="_sort1"],
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
.wiso_grid-cell[data-wiso-col-id="rowcheckbox"],
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
.wiso_grid-cell[data-wiso-col-id="Mandant"],
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
.wiso_grid-cell[data-wiso-col-id="CommPartner"],
.w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
.wiso_grid-cell[data-wiso-col-id="PartnerName"] {
    border-color: transparent !important;
}

    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="_sort1"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="Mandant"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="CommPartner"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="PartnerName"] .wiso_grid-cell__content {
        visibility: hidden !important;
    }

    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="rowcheckbox"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="Mandant"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="CommPartner"] .wiso_grid-cell__content,
    .w6-as2configuration-grid .wiso_grid .wiso_grid-row.wiso_row_parameter
    .wiso_grid-cell[data-wiso-col-id="PartnerName"] .wiso_grid-cell__content {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }