.elementor-3209 .elementor-element.elementor-element-6171818{--display:flex;--min-height:152px;}.elementor-3209 .elementor-element.elementor-element-6171818:not(.elementor-motion-effects-element-type-background), .elementor-3209 .elementor-element.elementor-element-6171818 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-3209 .elementor-element.elementor-element-4e995e70{--display:flex;}.elementor-3209 .elementor-element.elementor-element-d2d09c9{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-3209 .elementor-element.elementor-element-d2d09c9{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3209 .elementor-element.elementor-element-4e995e70{--width:100%;}}@media(max-width:767px){.elementor-3209 .elementor-element.elementor-element-d2d09c9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-6171818 *//* ==========================================================================
   FORCE DARK DESIGN (Astra & SliceWP Override)
   ========================================================================== */

/* 1. KARTEN & HINTERGRÜNDE (Dashboard, All time, Program details) */
html body #slicewp-affiliate-account .slicewp-card,
html body #slicewp-affiliate-account .slicewp-grid .slicewp-card,
html body #slicewp-affiliate-account .slicewp-section-general-affiliate-link,
html body #slicewp-affiliate-account .slicewp-section-affiliate-link-generator {
    background-color: #10051d !important; 
    background: #10051d !important;
    border: 1px solid rgba(138, 43, 226, 0.45) !important; 
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(138, 43, 226, 0.15) !important;
}

/* 2. DIE RECHTEN KPI-PFEILE/BOXEN */
html body #slicewp-affiliate-account .slicewp-kpi-direction {
    background-color: rgba(138, 43, 226, 0.15) !important;
    background: rgba(138, 43, 226, 0.15) !important;
    border: 1px solid rgba(138, 43, 226, 0.3) !important;
    border-radius: 6px !important;
    color: #b57cff !important; 
    padding: 4px 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Icons innerhalb der KPI-Anzeige */
html body #slicewp-affiliate-account .slicewp-kpi-direction svg {
    stroke: #b57cff !important;
    width: 16px !important;
    height: 16px !important;
}

/* 3. REITER / TABS (Oben) - KORRIGIERT */
html body #slicewp-affiliate-account .slicewp-nav-tab-wrapper li a {
    color: #b57cff !important;
    opacity: 0.75 !important;
    transition: all 0.2s ease-in-out !important;
}

html body #slicewp-affiliate-account .slicewp-nav-tab-wrapper li a:hover,
html body #slicewp-affiliate-account .slicewp-nav-tab-wrapper li.slicewp-active a {
    color: #ffffff !important;
    opacity: 1 !important;
}

html body #slicewp-affiliate-account .slicewp-nav-tab-wrapper li.slicewp-active {
    border-bottom-color: #8a2be2 !important;
}

/* 4. DROPDOWNS & BUTTONS - KOMPLETTIERT */
html body #slicewp-affiliate-account select.slicewp-chart-time-unit-.elementor-3209 .elementor-element.elementor-element-6171818,
html body #slicewp-affiliate-account select {
    background-color: #10051d !important;
    color: #ffffff !important;
    border: 1px solid rgba(138, 43, 226, 0.45) !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
}

/* Formularfelder & Textbereiche (z.B. Link-Generator) */
html body #slicewp-affiliate-account input[type="text"],
html body #slicewp-affiliate-account input[type="url"],
html body #slicewp-affiliate-account textarea {
    background-color: #170b29 !important;
    color: #ffffff !important;
    border: 1px solid rgba(138, 43, 226, 0.45) !important;
    border-radius: 6px !important;
}



/* ==========================================================================
   6. PAGINATION / SEITENZAHLEN (Exakter WordPress/Astra Standard-Fix)
   ========================================================================== */

/* Alle Seitenzahlen-Boxen (Sowohl Links als auch die aktive Seite) */
html body #slicewp-affiliate-account .slicewp-page-numbers-wrapper .page-numbers {
    color: #ffffff !important;             /* Textfarbe Weiß */
    background-color: #170b29 !important;   /* Dunkelviolettes Feld */
    border: 1px solid rgba(138, 43, 226, 0.45) !important; /* Lila Rahmen */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-decoration: none !important;
}

/* Hover-Effekt für die klickbaren Zahlen */
html body #slicewp-affiliate-account .slicewp-page-numbers-wrapper a.page-numbers:hover {
    background-color: rgba(138, 43, 226, 0.3) !important; /* Helleres Lila beim Drüberfahren */
    border-color: #8a2be2 !important;
    color: #ffffff !important;
}

/* Die aktuell aktive Seitenzahl (Das markierte <span>-Element) */
html body #slicewp-affiliate-account .slicewp-page-numbers-wrapper span.page-numbers.current {
    background-color: #8a2be2 !important;   /* Volles, leuchtendes Lila */
    border-color: #8a2be2 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}/* End custom CSS */