/* InventoryNext v2.2.0 — UserCore/Profile Bridge & Layout Containment
   Dieses Layer hält InventoryNext in der mittleren Theme-Spalte und bindet
   Profil-/UserCore-Flächen an das DesignSystemCore an. */

.inventory-next-contained,
.inventory-next-page,
.inventory-next-admin-page{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow:visible;
}

.inventory-next-contained *,
.inventory-next-page *,
.inventory-next-admin-page *,
.inventory-next-widget *{
    box-sizing:border-box;
}

.inventory-next-page.dsc-module-page,
.inventory-next-admin-page.dsc-module-page{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    grid-template-columns:none !important;
}

.inventory-next-hero.dsc-hero{
    width:100%;
    min-width:0;
}

.inventory-next-identity-line{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.inventory-next-identity-line span,
.inventory-next-widget-user{
    border:1px solid rgba(194,128,56,.28);
    background:rgba(0,0,0,.25);
    color:#d9c09a;
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
    font-weight:800;
}

.inventory-next-widget-user{
    display:inline-flex;
    margin:0 0 12px;
    border-radius:12px;
}

.inventory-next-tabs.dsc-module-nav{
    width:100%;
    display:flex !important;
    flex-wrap:wrap !important;
    grid-template-columns:none !important;
}

.inventory-next-layout{
    width:100%;
    max-width:100%;
    min-width:0;
    align-items:start;
}

.inventory-next-layout > *,
.inventory-next-main-grid,
.inventory-next-grid{
    min-width:0;
}

.inventory-next-grid.inventory-next-main-grid{
    width:100%;
    max-width:100%;
}

.inventory-next-item-card.game-item-card{
    min-width:0;
    overflow:hidden;
}

.inventory-next-profile-card{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:16px;
    border:1px solid rgba(194,128,56,.35);
    background:linear-gradient(145deg,rgba(20,15,11,.96),rgba(8,8,8,.98));
    border-radius:18px;
    box-shadow:0 14px 30px rgba(0,0,0,.35);
}

.inventory-next-profile-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.inventory-next-profile-card h3{
    margin:4px 0 0;
    color:#f1d29d;
}

.inventory-next-profile-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.inventory-next-profile-stats div{
    border:1px solid rgba(194,128,56,.28);
    background:rgba(0,0,0,.28);
    border-radius:14px;
    padding:10px;
    text-align:center;
}

.inventory-next-profile-stats strong{
    display:block;
    color:#ffc165;
    font-size:20px;
}

.inventory-next-profile-stats span{
    display:block;
    color:#a9987f;
    font-size:12px;
}

.inventory-next-profile-equipped{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.inventory-next-profile-equipped span{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(194,128,56,.35);
    background:rgba(0,0,0,.28);
    border-radius:12px;
}

.inventory-next-widget .dsc-btn,
.inventory-next-widget-link.dsc-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
}

@media(max-width:1100px){
    .inventory-next-layout{
        grid-template-columns:1fr !important;
    }

    .inventory-next-equipped{
        width:100%;
    }
}

@media(max-width:700px){
    .inventory-next-hero,
    .inventory-next-hero.dsc-hero{
        display:flex !important;
        flex-direction:column !important;
    }

    .inventory-next-hero-stats,
    .inventory-next-profile-stats,
    .inventory-next-widget-grid,
    .inventory-next-mini-stats{
        grid-template-columns:1fr !important;
        min-width:0 !important;
    }

    .inventory-next-grid.inventory-next-main-grid{
        grid-template-columns:1fr !important;
    }
}


/* InventoryNext v2.2.5 — Character/Profile Bridge Polish */
.inventory-next-bridge-links,
.inventory-next-profile-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.inventory-next-bridge-links a,
.inventory-next-profile-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:8px 12px;
    border:1px solid rgba(194,128,56,.42);
    background:linear-gradient(180deg,rgba(47,31,16,.92),rgba(10,8,6,.98));
    color:#f1d6aa;
    border-radius:12px;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    box-shadow:inset 0 0 0 1px rgba(255,190,100,.04);
}

.inventory-next-bridge-links a:hover,
.inventory-next-profile-links a:hover{
    border-color:rgba(255,177,82,.8);
    color:#fff2d6;
    box-shadow:0 0 18px rgba(255,149,38,.18), inset 0 0 0 1px rgba(255,210,120,.08);
}

.inventory-next-bridge-links-compact{
    margin-top:12px;
}

.inventory-next-bridge-links-compact a,
.inventory-next-mini-links a{
    flex:1 1 120px;
}

.inventory-next-bridge-box{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid rgba(194,128,56,.22);
}

.inventory-next-bridge-box-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}

.inventory-next-bridge-box-grid div{
    border:1px solid rgba(194,128,56,.28);
    background:rgba(0,0,0,.28);
    border-radius:14px;
    padding:10px;
    text-align:center;
}

.inventory-next-bridge-box-grid strong{
    display:block;
    color:#ffc165;
    font-size:18px;
}

.inventory-next-bridge-box-grid span{
    display:block;
    color:#a9987f;
    font-size:11px;
}

.inventory-next-character-card{
    position:relative;
    overflow:hidden;
}

.inventory-next-character-card:before{
    content:"";
    position:absolute;
    inset:auto -60px -80px auto;
    width:180px;
    height:180px;
    background:radial-gradient(circle,rgba(255,147,38,.12),transparent 66%);
    pointer-events:none;
}

@media(max-width:700px){
    .inventory-next-bridge-box-grid{
        grid-template-columns:1fr !important;
    }

    .inventory-next-bridge-links a,
    .inventory-next-profile-links a{
        flex:1 1 100%;
    }
}
