/*
DesignSystemCore v1.3.0 — NEXTGEN Module Foundation
Spezifische Angleichung für vorhandene und kommende Module, damit sie denselben Style-Vertrag nutzen.
*/

/* Modulinterne Navigation */
body.design-system-core-active .origin-module-nav,
body.design-system-core-active .module-nav,
body.design-system-core-active .internal-nav,
body.design-system-core-active .forum-next-nav,
body.design-system-core-active .newsnext-nav,
body.design-system-core-active .downloadnext-nav,
body.design-system-core-active .eventnext-nav,
body.design-system-core-active .profilenext-nav,
body.design-system-core-active .inventorynext-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    padding:12px;
    margin:0 0 16px;
    border:1px solid var(--dsc-line-soft);
    border-radius:var(--dsc-radius);
    background:linear-gradient(180deg, rgba(21,16,12,.78), rgba(7,6,5,.88));
}

body.design-system-core-active .origin-module-nav a,
body.design-system-core-active .module-nav a,
body.design-system-core-active .internal-nav a,
body.design-system-core-active .forum-next-nav a,
body.design-system-core-active .newsnext-nav a,
body.design-system-core-active .downloadnext-nav a,
body.design-system-core-active .eventnext-nav a,
body.design-system-core-active .profilenext-nav a,
body.design-system-core-active .inventorynext-nav a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:8px 12px;
    border:1px solid var(--dsc-line-soft) !important;
    border-radius:999px !important;
    background:rgba(217,154,67,.08) !important;
    color:var(--dsc-text-soft) !important;
    text-decoration:none !important;
}

body.design-system-core-active .origin-module-nav a:hover,
body.design-system-core-active .module-nav a:hover,
body.design-system-core-active .internal-nav a:hover{
    border-color:var(--dsc-line-strong) !important;
    color:var(--dsc-text) !important;
    background:rgba(217,154,67,.15) !important;
}

/* DashboardNext / Admin-Dashboard ähnliche Stat-Karten */
body.design-system-core-active .dashboard-stat-card,
body.design-system-core-active .origin-mini-stat,
body.design-system-core-active .admin-stat-card,
body.design-system-core-active .stat-card,
body.design-system-core-active .runtime-stat-card{
    position:relative;
    overflow:hidden;
    padding:16px;
}

body.design-system-core-active .dashboard-stat-card strong,
body.design-system-core-active .origin-mini-stat strong,
body.design-system-core-active .admin-stat-card strong,
body.design-system-core-active .stat-card strong,
body.design-system-core-active .runtime-stat-card strong{
    color:var(--dsc-accent-2);
    font-size:1.35rem;
}

/* ProfileNext */
body.design-system-core-active .profilenext-v6-shell,
body.design-system-core-active .profilenext-profile-shell,
body.design-system-core-active .profilenext-directory-shell{
    display:flex;
    flex-direction:column;
    gap:var(--dsc-gap);
}

body.design-system-core-active .profilenext-v6-hero,
body.design-system-core-active .profilenext-directory-hero{
    padding:var(--dsc-pad-lg);
}

body.design-system-core-active .profilenext-edit-panel input,
body.design-system-core-active .profilenext-edit-panel select,
body.design-system-core-active .profilenext-edit-panel textarea{
    width:100%;
}

/* UserPanelNext */
body.design-system-core-active .userpanel-next-widget{
    overflow:hidden;
}

body.design-system-core-active .userpanel-next-avatar,
body.design-system-core-active .profilenext-avatar,
body.design-system-core-active .avatar{
    border:1px solid var(--dsc-line) !important;
    background:rgba(255,189,102,.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.28);
}

body.design-system-core-active .userpanel-next-stats,
body.design-system-core-active .userpanel-next-quickstats,
body.design-system-core-active .profilenext-stats,
body.design-system-core-active .character-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(86px, 1fr));
    gap:10px;
}

/* InventoryNext / spätere Game-Items */
body.design-system-core-active .inventory-shell,
body.design-system-core-active .inventorynext-shell,
body.design-system-core-active .inventory-grid,
body.design-system-core-active .item-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:var(--dsc-gap);
}

body.design-system-core-active .inventory-item,
body.design-system-core-active .item-card,
body.design-system-core-active .game-item-card{
    min-height:130px;
    padding:14px;
}

body.design-system-core-active .item-rarity-common{ border-color:rgba(210,210,210,.32) !important; }
body.design-system-core-active .item-rarity-uncommon{ border-color:rgba(115,206,130,.45) !important; }
body.design-system-core-active .item-rarity-rare{ border-color:rgba(127,184,255,.48) !important; }
body.design-system-core-active .item-rarity-epic{ border-color:rgba(194,127,255,.50) !important; }
body.design-system-core-active .item-rarity-legendary{ border-color:rgba(255,189,102,.70) !important; box-shadow:var(--dsc-glow), var(--dsc-shadow-soft) !important; }

/* AdminCore Spezialfälle: Dashboard Modern/Stable */
body.design-system-core-active .admin-dashboard-modern,
body.design-system-core-active .admin-dashboard-stable,
body.design-system-core-active .admin-command-center{
    display:flex;
    flex-direction:column;
    gap:var(--dsc-gap-lg);
}

body.design-system-core-active .admin-dashboard-layout,
body.design-system-core-active .admin-dashboard-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.55fr) minmax(280px, .75fr) !important;
    gap:var(--dsc-gap-lg) !important;
    align-items:start;
}

body.design-system-core-active .admin-dashboard-main,
body.design-system-core-active .admin-dashboard-side{
    display:flex;
    flex-direction:column;
    gap:var(--dsc-gap);
}

body.design-system-core-active .admin-action-grid,
body.design-system-core-active .admin-quick-grid,
body.design-system-core-active .admin-stats-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap:12px !important;
}

body.design-system-core-active .admin-action-grid a,
body.design-system-core-active .admin-quick-grid a,
body.design-system-core-active .admin-actions a{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:10px 12px !important;
}

/* News/Forum/Download/Event Vorbereitungen */
body.design-system-core-active .forum-topic-list,
body.design-system-core-active .news-list,
body.design-system-core-active .download-list,
body.design-system-core-active .event-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

body.design-system-core-active .forum-topic-row,
body.design-system-core-active .news-row,
body.design-system-core-active .download-row,
body.design-system-core-active .event-row{
    border:1px solid var(--dsc-line-soft);
    border-radius:var(--dsc-radius-sm);
    background:rgba(12,9,7,.58);
}

/* Responsive */
@media (max-width: 1100px){
    body.design-system-core-active .admin-dashboard-layout,
    body.design-system-core-active .admin-dashboard-grid{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 720px){
    body.design-system-core-active .origin-module-nav,
    body.design-system-core-active .module-nav,
    body.design-system-core-active .internal-nav{
        align-items:stretch;
        flex-direction:column;
    }

    body.design-system-core-active .origin-module-nav a,
    body.design-system-core-active .module-nav a,
    body.design-system-core-active .internal-nav a{
        width:100%;
        justify-content:center;
    }
}


/* DesignSystemCore v1.3.1 — Global Bronze Shell Standard
   Bestätigter STOSSACHSE-Seitenstandard nach DashboardNext v2.6.6:
   äußere Modul-/Seiten-Sammelcard mit dezent über die Fläche verteiltem
   Bronze-/Orange-Wash; Hero-/Überschriftenbox bleibt etwas stärkerer Fokus.
   Diese Regeln sind bewusst defensiv und greifen nur auf vorhandene Modul-/Page-
   Wrapper sowie bekannte Hero-Klassen. Keine Controller-, DB- oder Core-Logik. */
body.design-system-core-active{
    --st-shell-bg:
        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));
    --st-shell-before:
        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%);
    --st-hero-bg:
        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%);
    --st-shell-border:rgba(214,152,69,.32);
    --st-hero-border:rgba(214,152,69,.42);
}

body.design-system-core-active .dsc-module-page,
body.design-system-core-active .dashboard-module-shell,
body.design-system-core-active .newsnext-module-shell,
body.design-system-core-active .profilenext-outer-module-shell,
body.design-system-core-active .userpanel-next-page,
body.design-system-core-active .eventnext-page,
body.design-system-core-active .inventory-next-page,
body.design-system-core-active .charactercore-page,
body.design-system-core-active .charactercore-admin,
body.design-system-core-active .runtime-stability-page,
body.design-system-core-active .designsystem-page{
    position:relative;
    overflow:visible;
    padding:14px;
    border:1px solid var(--st-shell-border) !important;
    border-radius:24px !important;
    background:var(--st-shell-bg) !important;
    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) !important;
}

body.design-system-core-active .dsc-module-page::before,
body.design-system-core-active .dashboard-module-shell::before,
body.design-system-core-active .newsnext-module-shell::before,
body.design-system-core-active .profilenext-outer-module-shell::before,
body.design-system-core-active .userpanel-next-page::before,
body.design-system-core-active .eventnext-page::before,
body.design-system-core-active .inventory-next-page::before,
body.design-system-core-active .charactercore-page::before,
body.design-system-core-active .charactercore-admin::before,
body.design-system-core-active .runtime-stability-page::before,
body.design-system-core-active .designsystem-page::before{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:22px;
    pointer-events:none;
    background:var(--st-shell-before) !important;
    opacity:.92;
    z-index:0;
}

body.design-system-core-active .dsc-module-page > *,
body.design-system-core-active .dashboard-module-shell > *,
body.design-system-core-active .newsnext-module-shell > *,
body.design-system-core-active .profilenext-outer-module-shell > *,
body.design-system-core-active .userpanel-next-page > *,
body.design-system-core-active .eventnext-page > *,
body.design-system-core-active .inventory-next-page > *,
body.design-system-core-active .charactercore-page > *,
body.design-system-core-active .charactercore-admin > *,
body.design-system-core-active .runtime-stability-page > *,
body.design-system-core-active .designsystem-page > *{
    position:relative;
    z-index:1;
}

body.design-system-core-active .dsc-hero,
body.design-system-core-active .dashboard-hero,
body.design-system-core-active .newsnext-header,
body.design-system-core-active .newsnext-admin-hero,
body.design-system-core-active .newsnext-create,
body.design-system-core-active .newsnext-editorial-hero,
body.design-system-core-active .downloadnext-hero,
body.design-system-core-active .downloadnext-v6-hero,
body.design-system-core-active .forumnext-hero,
body.design-system-core-active .forumnext-admin-hero,
body.design-system-core-active .eventnext-hero,
body.design-system-core-active .librarynext-hero,
body.design-system-core-active .inventory-next-hero,
body.design-system-core-active .charactercore-hero,
body.design-system-core-active .rewardnext-hero,
body.design-system-core-active .notificationnext-head,
body.design-system-core-active .online-next-hero,
body.design-system-core-active .usercore-hero,
body.design-system-core-active .permissioncore-hero{
    padding:24px 28px !important;
    border:1px solid var(--st-hero-border) !important;
    border-radius:18px !important;
    background:var(--st-hero-bg) !important;
    box-shadow:
        0 16px 36px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,231,184,.065) !important;
}

body.design-system-core-active .dsc-module-page > .dsc-hero:first-child,
body.design-system-core-active .dashboard-module-shell > .dashboard-hero:first-child,
body.design-system-core-active .newsnext-module-shell > .newsnext-header:first-child,
body.design-system-core-active .newsnext-module-shell > .newsnext-admin-hero:first-child,
body.design-system-core-active .eventnext-page > .eventnext-hero:first-child,
body.design-system-core-active .inventory-next-page > .inventory-next-hero:first-child,
body.design-system-core-active .charactercore-page > .charactercore-hero:first-child,
body.design-system-core-active .charactercore-admin > .charactercore-hero:first-child{
    margin-top:0 !important;
}

body.design-system-core-active .downloadnext-hero,
body.design-system-core-active .forumnext-hero,
body.design-system-core-active .forumnext-admin-hero,
body.design-system-core-active .librarynext-hero,
body.design-system-core-active .rewardnext-hero,
body.design-system-core-active .notificationnext-head{
    margin:0 0 16px !important;
}

body.design-system-core-active .stossachse-hero-tabs,
body.design-system-core-active .profilenext-hero-tabs,
body.design-system-core-active .userpanel-next-hero-tabs,
body.design-system-core-active .newsnext-hero-tabs,
body.design-system-core-active .downloadnext-hero-tabs,
body.design-system-core-active .forumnext-hero-tabs,
body.design-system-core-active .eventnext-hero-tabs,
body.design-system-core-active .inventory-next-hero-tabs,
body.design-system-core-active .librarynext-hero-tabs{
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:8px;
    padding:0 18px;
    margin:0 0 -1px;
    position:relative;
    z-index:3;
}

body.design-system-core-active .stossachse-hero-tabs a,
body.design-system-core-active .profilenext-hero-tabs a,
body.design-system-core-active .userpanel-next-hero-tabs a,
body.design-system-core-active .newsnext-hero-tabs a,
body.design-system-core-active .downloadnext-hero-tabs a,
body.design-system-core-active .forumnext-hero-tabs a,
body.design-system-core-active .eventnext-hero-tabs a,
body.design-system-core-active .inventory-next-hero-tabs a,
body.design-system-core-active .librarynext-hero-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 16px;
    border:1px solid rgba(214,152,69,.34) !important;
    border-bottom-color:rgba(214,152,69,.22) !important;
    border-radius:18px 18px 0 0 !important;
    background:linear-gradient(180deg, rgba(24,17,11,.96), rgba(8,7,6,.96)) !important;
    color:var(--dsc-text-soft, #d8c5a6) !important;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:inset 0 1px 0 rgba(255,231,184,.05) !important;
}

body.design-system-core-active .stossachse-hero-tabs a:hover,
body.design-system-core-active .profilenext-hero-tabs a:hover,
body.design-system-core-active .userpanel-next-hero-tabs a:hover,
body.design-system-core-active .newsnext-hero-tabs a:hover,
body.design-system-core-active .downloadnext-hero-tabs a:hover,
body.design-system-core-active .forumnext-hero-tabs a:hover,
body.design-system-core-active .eventnext-hero-tabs a:hover,
body.design-system-core-active .inventory-next-hero-tabs a:hover,
body.design-system-core-active .librarynext-hero-tabs a:hover{
    color:var(--dsc-accent-2, #ffbd66) !important;
    border-color:rgba(255,190,89,.58) !important;
    background:linear-gradient(180deg, rgba(57,36,17,.82), rgba(11,8,6,.98)) !important;
}

body.design-system-core-active .stossachse-hero-tabs a.is-active,
body.design-system-core-active .profilenext-hero-tabs a.is-active,
body.design-system-core-active .userpanel-next-hero-tabs a.is-active,
body.design-system-core-active .newsnext-hero-tabs a.is-active,
body.design-system-core-active .downloadnext-hero-tabs a.is-active,
body.design-system-core-active .forumnext-hero-tabs a.is-active,
body.design-system-core-active .eventnext-hero-tabs a.is-active,
body.design-system-core-active .inventory-next-hero-tabs a.is-active,
body.design-system-core-active .librarynext-hero-tabs a.is-active{
    color:var(--dsc-text, #f5ead7) !important;
    border-color:rgba(255,190,89,.64) !important;
    border-bottom-color:transparent !important;
    background:linear-gradient(180deg, rgba(74,45,18,.92), rgba(22,14,8,.98)) !important;
    box-shadow:0 -10px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,231,184,.08) !important;
}

@media (max-width:760px){
    body.design-system-core-active .dsc-module-page,
    body.design-system-core-active .dashboard-module-shell,
    body.design-system-core-active .newsnext-module-shell,
    body.design-system-core-active .profilenext-outer-module-shell,
    body.design-system-core-active .userpanel-next-page,
    body.design-system-core-active .eventnext-page,
    body.design-system-core-active .inventory-next-page,
    body.design-system-core-active .charactercore-page,
    body.design-system-core-active .charactercore-admin{
        padding:10px;
        border-radius:20px !important;
    }

    body.design-system-core-active .dsc-module-page::before,
    body.design-system-core-active .dashboard-module-shell::before,
    body.design-system-core-active .newsnext-module-shell::before,
    body.design-system-core-active .profilenext-outer-module-shell::before,
    body.design-system-core-active .userpanel-next-page::before,
    body.design-system-core-active .eventnext-page::before,
    body.design-system-core-active .inventory-next-page::before,
    body.design-system-core-active .charactercore-page::before,
    body.design-system-core-active .charactercore-admin::before{
        border-radius:18px;
    }

    body.design-system-core-active .dsc-hero,
    body.design-system-core-active .dashboard-hero,
    body.design-system-core-active .newsnext-header,
    body.design-system-core-active .newsnext-admin-hero,
    body.design-system-core-active .newsnext-create,
    body.design-system-core-active .downloadnext-hero,
    body.design-system-core-active .forumnext-hero,
    body.design-system-core-active .forumnext-admin-hero,
    body.design-system-core-active .eventnext-hero,
    body.design-system-core-active .librarynext-hero,
    body.design-system-core-active .inventory-next-hero,
    body.design-system-core-active .charactercore-hero,
    body.design-system-core-active .rewardnext-hero,
    body.design-system-core-active .notificationnext-head{
        padding:18px !important;
        border-radius:16px !important;
    }
}
