/* DownloadNext v6.1.11 — Bronze Shell + Layered Upper Tabs Polish
   Ziel: DashboardNext-v2.6.6-Card-Atmosphäre auf DownloadNext übertragen.
   Die äußere Sammelcard bekommt einen dezenten Bronze-/Orange-Wash über
   die ganze Fläche. Die Hero-Box bleibt der stärkere Fokus. */

.downloadnext-module-shell{
    position:relative;
    z-index:0;
    margin:0 0 24px 0;
    padding:18px;
    border:1px solid rgba(214,152,69,.32);
    border-radius:22px;
    overflow:hidden;
    background:
        radial-gradient(ellipse at 18% 18%, rgba(255,153,0,.090), transparent 58%),
        radial-gradient(ellipse at 82% 72%, rgba(180,96,28,.060), transparent 62%),
        linear-gradient(135deg,
            rgba(44,25,12,.245) 0%,
            rgba(22,14,8,.205) 28%,
            rgba(10,8,6,.965) 52%,
            rgba(30,18,9,.180) 76%,
            rgba(48,27,12,.205) 100%
        ),
        linear-gradient(180deg, rgba(10,8,6,.985), rgba(5,5,4,.995));
    box-shadow:
        0 22px 54px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,231,184,.045),
        inset 0 0 72px rgba(255,153,0,.018);
}

.downloadnext-module-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        linear-gradient(135deg, rgba(255,190,89,.038), transparent 35%, rgba(255,153,0,.026) 68%, transparent 100%),
        linear-gradient(180deg, rgba(255,190,89,.026), transparent 48%, rgba(255,153,0,.016) 100%);
    opacity:.92;
}

.downloadnext-module-shell > *{
    position:relative;
    z-index:1;
}

/* v6.1.11: Mehrzeilige Hero-Tabs richtig staffeln.
   Hauptreihe = unten direkt an der Hero-Card.
   Überzählige Reiter = Zusatzreihe darüber, seitlich/vertikal leicht versetzt und optisch dahinter. */
.downloadnext-module-shell .downloadnext-module-nav.stossachse-hero-tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    column-gap:8px !important;
    row-gap:0 !important;
    margin:0 0 -1px 14px !important;
    padding:0 !important;
    max-width:100% !important;
    overflow:visible !important;
    position:relative !important;
    isolation:isolate !important;
}

.downloadnext-module-shell .downloadnext-hero-tab-row-break{
    flex-basis:100% !important;
    width:100% !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-height:44px !important;
    min-width:146px !important;
    width:auto !important;
    flex:0 0 auto !important;
    max-width:100% !important;
    padding:11px 20px 12px !important;
    border:1px solid rgba(214,152,69,.34) !important;
    border-bottom-color:rgba(214,152,69,.18) !important;
    border-radius:14px 14px 0 0 !important;
    background:linear-gradient(180deg, rgba(31,20,10,.92), rgba(12,10,8,.98)) !important;
    color:#f2d2a2 !important;
    text-decoration:none !important;
    box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,231,184,.045) !important;
    transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease !important;
    position:relative !important;
    white-space:nowrap !important;
}

/* Obere Zusatzreihe: nur überzählige Tabs, leicht nach hinten/unten versetzt. */
.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-overflow-row{
    z-index:1 !important;
    opacity:.90 !important;
    transform:translate(22px, 8px) !important;
    border-color:rgba(214,152,69,.24) !important;
    border-bottom-color:rgba(214,152,69,.10) !important;
    background:linear-gradient(180deg, rgba(24,17,10,.86), rgba(8,7,6,.985)) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,231,184,.030) !important;
}

/* Untere Hauptreihe: Mehrheit der Tabs, direkt an die Hero-Card angedockt. */
.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-main-row{
    z-index:3 !important;
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab:hover{
    transform:translateY(-1px);
    border-color:rgba(255,177,71,.52);
    color:#fff2d8;
    background:linear-gradient(180deg, rgba(52,31,12,.96), rgba(16,12,8,.99));
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-overflow-row:hover{
    transform:translate(22px, 6px) !important;
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-active{
    border-color:rgba(255,177,71,.70);
    border-bottom-color:rgba(255,177,71,.34);
    color:#fff7e8;
    background:
        radial-gradient(ellipse at top, rgba(255,153,0,.16), transparent 58%),
        linear-gradient(180deg, rgba(70,40,14,.96), rgba(18,12,7,.99));
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab span{
    line-height:1;
}

.downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab strong{
    font-size:15px;
    letter-spacing:.01em;
    white-space:nowrap;
}

.downloadnext-module-shell .downloadnext-hero{
    margin:0 0 16px 0 !important;
    padding:22px 24px !important;
    border-radius:18px !important;
    background:
        radial-gradient(ellipse at 14% 10%, rgba(255,153,0,.115), transparent 42%),
        linear-gradient(135deg, rgba(78,44,16,.92) 0%, rgba(20,13,8,.985) 70%, rgba(8,7,5,.995) 100%) !important;
    border-color:rgba(214,152,69,.42) !important;
    box-shadow:
        0 16px 36px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,231,184,.065) !important;
}

.downloadnext-module-shell .downloadnext-module-nav + .downloadnext-hero{
    border-top-left-radius:14px !important;
}

.downloadnext-module-shell .downloadnext-hero h2{
    margin:4px 0 8px;
}

.downloadnext-module-shell .downloadnext-hero p:last-child{
    margin-bottom:0;
}

.downloadnext-module-shell .panel:not(.downloadnext-hero),
.downloadnext-module-shell .downloadnext-card,
.downloadnext-module-shell .downloadnext-my-row,
.downloadnext-module-shell .downloadnext-v6-box{
    border-color:rgba(214,152,69,.22);
}

.downloadnext-module-shell .downloadnext-stats-grid,
.downloadnext-module-shell .downloadnext-filter-panel,
.downloadnext-module-shell .downloadnext-grid,
.downloadnext-module-shell .downloadnext-admin-list,
.downloadnext-module-shell .downloadnext-release,
.downloadnext-module-shell .downloadnext-related,
.downloadnext-module-shell .downloadnext-my-section,
.downloadnext-module-shell .downloadnext-editor-panel,
.downloadnext-module-shell .downloadnext-list-panel,
.downloadnext-module-shell .downloadnext-collection-panel,
.downloadnext-module-shell .downloadnext-report-panel{
    margin-bottom:16px;
}

.downloadnext-module-shell > :last-child{
    margin-bottom:0 !important;
}

@media (max-width: 760px){
    .downloadnext-module-shell{
        padding:14px;
        border-radius:18px;
    }

    .downloadnext-module-shell .downloadnext-module-nav.stossachse-hero-tabs{
        margin-left:0 !important;
    }

    .downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab{
        flex:1 1 150px !important;
        min-width:0 !important;
        justify-content:center !important;
        border-radius:12px !important;
        padding:10px 14px !important;
    }

    .downloadnext-module-shell .downloadnext-hero-tab-row-break{
        display:none !important;
    }

    .downloadnext-module-shell .downloadnext-hero{
        padding:18px !important;
    }
}


@media (min-width: 761px){
    .downloadnext-module-shell .downloadnext-module-nav.stossachse-hero-tabs{
        row-gap:0 !important;
    }

    .downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab{
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }
}


/* v6.1.11 mobile fallback: auf schmalen Displays keine Staffelung erzwingen. */
@media (max-width: 760px){
    .downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-main-row{
        order:1 !important;
        transform:none !important;
        opacity:1 !important;
    }

    .downloadnext-module-shell .downloadnext-nav-pill.stossachse-hero-tab.is-overflow-row{
        order:2 !important;
        transform:none !important;
        opacity:1 !important;
    }
}