.inventory-next-page,
.inventory-next-admin-page{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.inventory-next-page .panel,
.inventory-next-admin-page .panel,
.inventory-next-widget{
    border:1px solid rgba(194,128,56,.35);
    background:linear-gradient(145deg,rgba(20,15,11,.96),rgba(8,8,8,.98));
    box-shadow:0 16px 38px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,190,100,.05);
    border-radius:18px;
}

.inventory-next-hero{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:24px;
    overflow:hidden;
    position:relative;
}

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

.inventory-next-kicker{
    color:#d59a4a;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:12px;
}

.inventory-next-hero h1{
    margin:6px 0 8px;
    color:#f3d3a2;
    font-size:34px;
}

.inventory-next-hero p{
    max-width:760px;
    color:#c8b99f;
    margin:0;
}

.inventory-next-hero-stats,
.inventory-next-widget-grid,
.inventory-next-mini-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(90px,1fr));
    gap:10px;
    min-width:280px;
}

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

.inventory-next-hero-stats strong,
.inventory-next-widget-grid strong,
.inventory-next-mini-stats strong{
    display:block;
    color:#ffc165;
    font-size:22px;
}

.inventory-next-hero-stats span,
.inventory-next-widget-grid span,
.inventory-next-mini-stats span{
    color:#a9987f;
    font-size:12px;
}

.inventory-next-alert{
    border-radius:14px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.15);
}

.inventory-next-alert-success{
    background:rgba(63,126,50,.18);
    color:#c9f5bd;
}

.inventory-next-alert-error{
    background:rgba(126,50,50,.18);
    color:#ffc7c7;
}

.inventory-next-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:14px;
}

.inventory-next-tabs a,
.inventory-next-widget-link,
.inventory-next-actions button,
.inventory-next-admin-form button,
.inventory-next-admin-list button{
    border:1px solid rgba(194,128,56,.45);
    background:linear-gradient(180deg,rgba(44,29,15,.92),rgba(14,10,8,.98));
    color:#ead5b0;
    border-radius:12px;
    padding:10px 13px;
    text-decoration:none;
    font-weight:800;
    cursor:pointer;
}

.inventory-next-tabs a.active,
.inventory-next-tabs a:hover,
.inventory-next-widget-link:hover,
.inventory-next-actions button:hover,
.inventory-next-admin-form button:hover,
.inventory-next-admin-list button:hover{
    border-color:#ffb352;
    color:#fff0d3;
    box-shadow:0 0 18px rgba(255,149,38,.18);
}

.inventory-next-layout{
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:18px;
}

.inventory-next-equipped{
    padding:18px;
    align-self:start;
}

.inventory-next-equipped h2,
.inventory-next-admin-form h2,
.inventory-next-admin-list h2{
    margin:0 0 14px;
    color:#f0c98e;
}

.inventory-next-equipped-row{
    display:flex;
    gap:12px;
    align-items:center;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.035);
    border-radius:14px;
    padding:10px;
    margin-bottom:10px;
}

.inventory-next-equipped-row > span{
    font-size:24px;
}

.inventory-next-equipped-row small,
.inventory-next-muted{
    display:block;
    color:#a9977c;
}

.inventory-next-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
}

.inventory-next-item-card{
    border:1px solid rgba(194,128,56,.28);
    background:linear-gradient(145deg,rgba(19,16,13,.98),rgba(7,7,7,.98));
    border-radius:18px;
    padding:16px;
    box-shadow:0 14px 28px rgba(0,0,0,.35);
}

.inventory-next-item-card.rarity-uncommon{ border-color:rgba(86,176,116,.48); }
.inventory-next-item-card.rarity-rare{ border-color:rgba(79,144,224,.55); }
.inventory-next-item-card.rarity-epic{ border-color:rgba(156,91,220,.6); }
.inventory-next-item-card.rarity-legendary{ border-color:rgba(255,179,49,.75); }

.inventory-next-item-top{
    display:flex;
    align-items:center;
    gap:12px;
}

.inventory-next-item-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    font-size:27px;
    border:1px solid rgba(194,128,56,.35);
    background:rgba(0,0,0,.32);
    border-radius:16px;
}

.inventory-next-item-top h3{
    margin:0;
    color:#f1d29d;
}

.inventory-next-item-top p,
.inventory-next-item-desc,
.inventory-next-item-meta{
    color:#bda98a;
}

.inventory-next-item-desc{
    min-height:46px;
}

.inventory-next-item-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:12px 0;
}

.inventory-next-item-meta span{
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    border-radius:999px;
    padding:5px 8px;
    font-size:12px;
}

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

.inventory-next-actions form{
    margin:0;
}

.inventory-next-actions button.danger{
    border-color:rgba(200,70,70,.45);
}

.inventory-next-empty{
    padding:24px;
    grid-column:1 / -1;
}

.inventory-next-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:18px;
}

.inventory-next-admin-form,
.inventory-next-admin-list{
    padding:18px;
}

.inventory-next-admin-form label{
    display:flex;
    flex-direction:column;
    gap:6px;
    color:#d8c6a6;
    margin-bottom:12px;
    font-weight:700;
}

.inventory-next-admin-form input,
.inventory-next-admin-form select,
.inventory-next-admin-form textarea{
    border:1px solid rgba(194,128,56,.32);
    background:rgba(0,0,0,.35);
    color:#f1dfbf;
    border-radius:12px;
    padding:10px;
}

.inventory-next-check{
    flex-direction:row !important;
    align-items:center;
}

.inventory-next-table-wrap{
    overflow:auto;
}

.inventory-next-admin-list table{
    width:100%;
    border-collapse:collapse;
}

.inventory-next-admin-list th,
.inventory-next-admin-list td{
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:10px;
    text-align:left;
    color:#d8c6a6;
    vertical-align:top;
}

.inventory-next-admin-list th{
    color:#f2c98a;
}

.inventory-next-admin-list small{
    color:#9f8d72;
}

.inventory-next-widget{
    padding:16px;
}

.inventory-next-widget h3{
    margin:0 0 12px;
    color:#f1d29d;
}

.inventory-next-mini-equipped{
    display:flex;
    gap:8px;
    margin:12px 0;
}

.inventory-next-mini-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-link{
    display:block;
    margin-top:12px;
    text-align:center;
}

@media(max-width:900px){
    .inventory-next-hero,
    .inventory-next-layout{
        grid-template-columns:1fr;
        display:grid;
    }

    .inventory-next-hero-stats{
        min-width:0;
    }
}


/* InventoryNext v2.2.1 — Bronze Shell / Hero Tabs UI Standard
   Eine sichtbare äußere Modul-Sammelcard, dezenter Bronze-Wash über die Fläche,
   Hero als stärkerer Fokus und keine alte globale Modulnavigation. */
.inventory-next-page.dsc-module-page.inventory-next-contained,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:20px;
    border:1px solid rgba(194,128,56,.30);
    border-radius:24px;
    background:
        radial-gradient(circle at 18% 6%, rgba(214,124,35,.105), transparent 34%),
        radial-gradient(circle at 82% 72%, rgba(160,86,28,.075), transparent 42%),
        linear-gradient(145deg, rgba(24,17,12,.92), rgba(11,10,9,.985) 54%, rgba(18,13,10,.96));
    box-shadow:0 18px 48px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,190,100,.045);
    overflow:visible;
}

.inventory-next-page.dsc-module-page.inventory-next-contained:before,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,184,90,.035), transparent 30%, rgba(255,122,25,.025));
    z-index:-1;
}

.inventory-next-hero-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:8px;
    margin:0 0 -1px 14px;
    padding:0;
    position:relative;
    z-index:3;
}

.inventory-next-hero-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 15px;
    border:1px solid rgba(194,128,56,.42);
    border-bottom-color:rgba(255,185,95,.22);
    border-radius:14px 14px 0 0;
    background:linear-gradient(180deg, rgba(48,31,16,.92), rgba(16,11,8,.98));
    color:#d8c09b;
    text-decoration:none;
    font-weight:850;
    font-size:13px;
    letter-spacing:.01em;
    box-shadow:0 -8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,220,150,.055);
}

.inventory-next-hero-tabs a:hover,
.inventory-next-hero-tabs a.active{
    color:#fff0d0;
    border-color:rgba(255,179,82,.62);
    border-bottom-color:rgba(30,21,14,.88);
    background:linear-gradient(180deg, rgba(70,43,19,.96), rgba(26,17,10,.99));
    box-shadow:0 -8px 22px rgba(255,142,32,.10), inset 0 1px 0 rgba(255,223,160,.09);
}

.inventory-next-hero.panel.dsc-hero{
    margin-top:0;
    border-top-left-radius:18px;
    border-top-right-radius:18px;
    background:
        radial-gradient(circle at 86% 8%, rgba(255,151,38,.18), transparent 42%),
        linear-gradient(145deg, rgba(32,21,13,.97), rgba(10,9,8,.99));
}

.inventory-next-filter-tabs{
    padding:13px;
    background:linear-gradient(145deg, rgba(18,14,11,.92), rgba(8,8,8,.96));
}

.inventory-next-filter-tabs a{
    border-radius:999px;
    padding:9px 13px;
}

@media(max-width:720px){
    .inventory-next-page.dsc-module-page.inventory-next-contained,
    .inventory-next-admin-page.dsc-module-page.inventory-next-contained{
        padding:14px;
        border-radius:20px;
    }

    .inventory-next-hero-tabs{
        margin-left:8px;
    }

    .inventory-next-hero-tabs a{
        min-height:38px;
        padding:9px 12px;
        font-size:12px;
    }
}


/* InventoryNext v2.2.2 — Hero Docking & Typography Polish
   Feinschliff für den STOSSACHSE Hero-Tab-Standard: Tabs docken sauberer an
   die Hero-Card an, die störende Trennlinie wird reduziert und die Hero-Typografie
   bleibt stark, aber kontrollierter/responsiver. */
.inventory-next-hero-tabs{
    margin:0 0 -1px 20px;
    gap:10px;
    align-items:flex-end;
}

.inventory-next-hero-tabs a{
    position:relative;
    z-index:2;
    min-height:44px;
    padding:10px 16px 11px;
    border-bottom-color:rgba(22,15,10,.72);
    transform:translateY(1px);
}

.inventory-next-hero-tabs a.active{
    z-index:4;
    border-bottom-color:rgba(28,18,11,.98);
    box-shadow:0 -10px 22px rgba(255,142,32,.12), inset 0 1px 0 rgba(255,223,160,.10);
}

.inventory-next-hero.panel.dsc-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    column-gap:clamp(20px,3vw,36px);
    padding:clamp(24px,2.7vw,32px);
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    border-top-color:rgba(255,179,82,.58);
}

.inventory-next-hero.panel.dsc-hero > div:first-child{
    min-width:0;
    max-width:min(820px,100%);
}

.inventory-next-hero.panel.dsc-hero h1{
    margin:10px 0 14px;
    font-size:clamp(34px,4.05vw,54px) !important;
    line-height:1.04;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
}

.inventory-next-hero.panel.dsc-hero p{
    max-width:760px;
    line-height:1.65;
    overflow-wrap:break-word;
}

.inventory-next-hero-stats{
    align-self:center;
    min-width:clamp(260px,28vw,360px);
}

@media(max-width:980px){
    .inventory-next-hero.panel.dsc-hero{
        grid-template-columns:1fr;
        row-gap:18px;
    }

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

@media(max-width:720px){
    .inventory-next-hero-tabs{
        margin-left:8px;
        gap:8px;
    }

    .inventory-next-hero-tabs a{
        min-height:39px;
        padding:9px 12px 10px;
    }

    .inventory-next-hero.panel.dsc-hero h1{
        font-size:clamp(30px,10vw,42px) !important;
    }
}

/* InventoryNext v2.2.3 — True Hero Tab Docking
   Korrigiert den sichtbaren Abstand aus dem flex-gap der Modul-Shell: Die
   Hero-Tabs sitzen direkt auf der Hero-Card, der aktive Tab verschmilzt unten
   optisch mit der Hero-Border statt darüber zu schweben. */
.inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs{
    margin:0 0 -20px 20px !important;
    padding:0 !important;
    position:relative;
    z-index:8;
    gap:10px;
    align-items:flex-end;
}

.inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs + .inventory-next-hero.panel.dsc-hero,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs + .inventory-next-hero.panel.dsc-hero{
    margin-top:0 !important;
    position:relative;
    z-index:3;
}

.inventory-next-hero-tabs a{
    position:relative;
    transform:none !important;
    margin-bottom:0 !important;
    border-bottom-color:rgba(34,22,13,.88) !important;
}

.inventory-next-hero-tabs a.active,
.inventory-next-hero-tabs a:hover{
    border-bottom-color:rgba(34,22,13,.98) !important;
}

.inventory-next-hero-tabs a.active::after,
.inventory-next-hero-tabs a:hover::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-3px;
    height:4px;
    background:linear-gradient(90deg, rgba(39,25,14,.98), rgba(18,12,8,.99));
    pointer-events:none;
    z-index:2;
}

.inventory-next-hero.panel.dsc-hero{
    border-top-color:rgba(255,179,82,.46) !important;
}

@media(max-width:720px){
    .inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs,
    .inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs{
        margin-left:8px !important;
        margin-bottom:-20px !important;
        gap:8px;
    }
}



/* InventoryNext v2.2.4 — ForumStyle Hero Tabs Size Fix
   Stellt die Reitergröße wieder auf den ForumNext-Standard: große, lesbare Tabs
   mit sauberer Andockung an die Hero-Card. Der zu aggressive v2.2.3-Abstand wird
   entschärft; das Docking bleibt erhalten, aber ohne Mini-Tab-Optik. */
.inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs{
    margin:0 0 -18px 20px !important;
    padding:0 12px 0 0 !important;
    gap:10px !important;
    align-items:flex-end !important;
    position:relative !important;
    z-index:8 !important;
}

.inventory-next-hero-tabs a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-height:48px !important;
    padding:0 20px !important;
    border:1px solid rgba(214,152,69,.34) !important;
    border-bottom-color:rgba(214,152,69,.22) !important;
    border-radius:16px 16px 0 0 !important;
    background:linear-gradient(180deg, rgba(42,26,14,.88), rgba(12,9,7,.98)) !important;
    color:#efd5ae !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    box-shadow:inset 0 1px 0 rgba(255,230,178,.045) !important;
    transform:none !important;
    margin:0 !important;
}

.inventory-next-hero-tabs a:hover,
.inventory-next-hero-tabs a.active{
    color:#fff1d7 !important;
    border-color:rgba(255,190,89,.56) !important;
    border-bottom-color:rgba(42,25,13,.96) !important;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(255,153,0,.15), transparent 55%),
        linear-gradient(180deg, rgba(67,38,16,.98), rgba(20,13,8,.99)) !important;
    box-shadow:inset 0 1px 0 rgba(255,230,178,.065), 0 -8px 18px rgba(0,0,0,.18) !important;
}

.inventory-next-hero-tabs a.active::after,
.inventory-next-hero-tabs a:hover::after{
    display:none !important;
    content:none !important;
}

.inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs + .inventory-next-hero.panel.dsc-hero,
.inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs + .inventory-next-hero.panel.dsc-hero{
    margin-top:0 !important;
    border-top-color:rgba(214,152,69,.42) !important;
    border-top-left-radius:20px !important;
    border-top-right-radius:20px !important;
    position:relative !important;
    z-index:3 !important;
}

.inventory-next-kicker{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:100% !important;
    background:transparent !important;
    box-shadow:none !important;
}

@media(max-width:720px){
    .inventory-next-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs,
    .inventory-next-admin-page.dsc-module-page.inventory-next-contained > .inventory-next-hero-tabs{
        margin-left:8px !important;
        margin-bottom:-18px !important;
        gap:8px !important;
    }

    .inventory-next-hero-tabs a{
        min-height:44px !important;
        padding:0 15px !important;
        font-size:14px !important;
    }
}


/* InventoryNext v2.2.6 — Inventory Runtime Expansion
   Suche, Sortierung, besser lesbare Item-Karten und GameCore-vorbereitete
   Inventarflächen ohne Änderungen an DB- oder Aktionslogik. */
.inventory-next-v226 .inventory-next-account-note{
    margin:0 0 8px;
    color:#a9977f;
    font-size:13px;
}

.inventory-next-v226 .inventory-next-dashboard-stats{
    grid-template-columns:repeat(2,minmax(110px,1fr));
}

.inventory-next-toolbar{
    display:grid;
    grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(130px,1fr)) auto;
    gap:12px;
    padding:16px;
    align-items:end;
}

.inventory-next-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}

.inventory-next-field label{
    color:#f0c98e;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:11px;
}

.inventory-next-field input,
.inventory-next-field select{
    width:100%;
    min-height:42px;
    border:1px solid rgba(194,128,56,.28);
    border-radius:12px;
    background:rgba(0,0,0,.44);
    color:#ead5b0;
    padding:10px 12px;
    outline:none;
}

.inventory-next-field input:focus,
.inventory-next-field select:focus{
    border-color:rgba(255,179,82,.72);
    box-shadow:0 0 0 3px rgba(255,149,38,.10);
}

.inventory-next-toolbar-actions{
    display:flex;
    gap:8px;
    align-items:center;
}

.inventory-next-toolbar-actions button,
.inventory-next-toolbar-actions a,
.inventory-next-quick-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:1px solid rgba(194,128,56,.45);
    background:linear-gradient(180deg,rgba(44,29,15,.92),rgba(14,10,8,.98));
    color:#ead5b0;
    border-radius:12px;
    padding:10px 13px;
    text-decoration:none;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.inventory-next-toolbar-actions a{
    font-size:12px;
}

.inventory-next-quick-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:14px;
}

.inventory-next-quick-tabs a.active,
.inventory-next-quick-tabs a:hover,
.inventory-next-toolbar-actions button:hover,
.inventory-next-toolbar-actions a:hover{
    border-color:#ffb352;
    color:#fff0d3;
    box-shadow:0 0 18px rgba(255,149,38,.18);
}

.inventory-next-runtime-layout{
    grid-template-columns:minmax(270px,320px) minmax(0,1fr);
}

.inventory-next-loadout-panel{
    position:sticky;
    top:18px;
}

.inventory-next-rarity-breakdown{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:14px 0 0;
}

.inventory-next-rarity-breakdown span{
    border:1px solid rgba(194,128,56,.22);
    background:rgba(0,0,0,.26);
    border-radius:12px;
    padding:9px 10px;
    color:#baa789;
    font-size:12px;
}

.inventory-next-rarity-breakdown strong{
    color:#ffc165;
    margin-right:5px;
}

.inventory-next-card-grid{
    grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
}

.inventory-next-v226 .inventory-next-item-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:100%;
    padding:18px;
}

.inventory-next-item-ribbon{
    align-self:flex-start;
    border:1px solid rgba(194,128,56,.34);
    background:rgba(0,0,0,.34);
    color:#f3d3a2;
    border-radius:999px;
    padding:5px 10px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.inventory-next-item-card.is-equipped .inventory-next-item-ribbon{
    border-color:rgba(92,210,128,.45);
    color:#c8f7ce;
}

.inventory-next-rarity-rare{ border-color:rgba(79,144,224,.45); }
.inventory-next-rarity-epic{ border-color:rgba(156,91,220,.52); }
.inventory-next-rarity-legendary{ border-color:rgba(255,179,49,.68); }

.inventory-next-item-titlebox{
    min-width:0;
}

.inventory-next-item-titlebox h3{
    overflow-wrap:anywhere;
}

.inventory-next-meta-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin:0;
}

.inventory-next-meta-grid span{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    border-radius:12px;
    padding:10px;
}

.inventory-next-meta-grid b{
    color:#a9977f;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.inventory-next-meta-grid em{
    color:#f0d3a4;
    font-style:normal;
    font-weight:800;
    overflow-wrap:anywhere;
}

.inventory-next-action-row{
    margin-top:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.inventory-next-action-row form,
.inventory-next-action-row button{
    width:100%;
}

.inventory-next-action-row button{
    min-height:40px;
}

.inventory-next-equipped-card strong{
    color:#f1d29d;
}

@media(max-width:1200px){
    .inventory-next-toolbar{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .inventory-next-field-search,
    .inventory-next-toolbar-actions{
        grid-column:1 / -1;
    }
}

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

    .inventory-next-loadout-panel{
        position:relative;
        top:auto;
    }
}

@media(max-width:620px){
    .inventory-next-toolbar,
    .inventory-next-v226 .inventory-next-dashboard-stats,
    .inventory-next-meta-grid,
    .inventory-next-action-row,
    .inventory-next-rarity-breakdown{
        grid-template-columns:1fr;
    }
}
