/* ===== V4.02 Klassen-Set + Inventar Premium ===== */

/* Klassen-Set */
#character .card:has(#setBonuses){
  position:relative;
  overflow:hidden;
  border-color:#426a3c!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(112,223,73,.10),transparent 25%),
    linear-gradient(150deg,#112016,#08110c)!important;
}
#character .card:has(#setBonuses):after{
  content:"🛡️";
  position:absolute;right:22px;top:18px;
  font-size:58px;opacity:.055;
  filter:drop-shadow(0 0 12px #6fd750);
}
#character .card:has(#setBonuses) .section-title h2{
  font-size:20px!important;
}
#character #setBonuses{
  position:relative;z-index:1;
  padding:12px!important;
  border:1px solid #4c6937!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#101b12,#080e09)!important;
}
#character #setBonuses > b,
#character #setBonuses .set-name{
  color:#9bea69!important;
  font-size:14px!important;
  text-transform:uppercase;
  letter-spacing:.02em;
}
#character #setBonuses .set-bonus,
#character #setBonuses > div:not(:first-child){
  min-height:47px;
  display:flex;
  align-items:center;
  margin-top:7px!important;
  padding:9px 11px!important;
  border:1px solid #574a27!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#12150c,#080d08)!important;
}
#character #setBonuses .active{
  border-color:#9d7a2e!important;
  box-shadow:0 0 11px rgba(218,172,53,.08)!important;
}

/* Inventory card */
#character .card:has(#inventory){
  border-color:#355a3d!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(96,210,75,.08),transparent 24%),
    linear-gradient(155deg,#102017,#08110c)!important;
}
#character .card:has(#inventory) .section-title h2{
  font-size:21px!important;
}
#character .card:has(#inventory) .section-title .pill{
  padding:6px 11px!important;
  border-color:#4b7044!important;
  color:#a5e783!important;
}

/* Remove old technical-looking inventory version line */
#character .v132-hide-inventory-version{display:none!important}

/* Inventory selector/tabs */
#character .v130-inventory-heading{
  min-height:68px!important;
  padding:10px 12px!important;
  border-color:#4a7542!important;
  background:
    radial-gradient(circle at 10% 50%,rgba(110,225,77,.12),transparent 25%),
    linear-gradient(145deg,#14291a,#0a150e)!important;
  box-shadow:inset 0 0 18px #0005,0 5px 12px #0003!important;
}
#character .v130-inventory-heading .v130-icon{
  width:42px!important;height:42px!important;
  border-color:#5c8550!important;
  font-size:24px!important;
}
#character .v130-inventory-heading b{
  font-size:12px!important;
}
#character .v130-inventory-heading span{
  font-size:7.5px!important;
}

/* Item cards */
#character #inventory .inventory-grid{
  gap:9px!important;
}
#character #inventory .inv-item{
  min-height:330px!important;
  padding:11px!important;
  border-radius:17px!important;
}
#character #inventory .inv-item .v41-inv-icon,
#character #inventory .inv-item .inv-icon{
  width:74px!important;height:74px!important;
  margin:0 auto 8px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  border:1px solid #47604b!important;
  background:#08110c!important;
  font-size:38px!important;
  box-shadow:inset 0 0 18px #0008!important;
}
#character #inventory .item-name{
  min-height:36px!important;
  font-size:9.5px!important;
  line-height:1.22!important;
  text-align:center;
}
#character #inventory .rarity-badge,
#character #inventory .v123-rarity{
  align-self:center;
  padding:3px 8px!important;
  border-radius:999px!important;
}
#character #inventory .class-lock,
#character #inventory [class*="class"]{
  border-radius:999px;
}
#character #inventory .item-bonus{
  min-height:42px;
  text-align:center;
  font-size:7.5px!important;
  line-height:1.45!important;
}
#character #inventory .v029Compare,
#character #inventory [class*="compare"]{
  margin-top:8px!important;
  padding:8px!important;
  border:1px solid #293d2e!important;
  border-radius:10px!important;
  background:#08110c!important;
}
#character #inventory .price,
#character #inventory [class*="sell-value"]{
  display:inline-flex!important;
  align-self:center;
  margin:8px auto 0!important;
  padding:4px 8px!important;
  border:1px solid #665127!important;
  border-radius:999px!important;
  color:#e5bd5b!important;
  background:#151108!important;
}
#character #inventory .inv-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
#character #inventory .inv-actions .btn{
  width:100%!important;
  min-height:44px!important;
  font-weight:1000!important;
}
#character #inventory .inv-actions .btn:first-child{
  font-size:9px!important;
}
#character #inventory .sell-btn{
  min-height:40px!important;
}

/* Materials / second inventory gets purple-cyan identity */
#character .card:has(#v030Materials){
  border-color:#365b58!important;
}
#character #v030Materials{
  padding-top:4px!important;
}
#character #v030Materials .v130-inventory-heading{
  border-color:#3c7976!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(74,226,217,.12),transparent 25%),
    radial-gradient(circle at 88% 50%,rgba(173,91,235,.08),transparent 28%),
    linear-gradient(145deg,#0e2220,#0a1213)!important;
}
#character #v030Materials .v130-inventory-heading .v130-icon{
  border-color:#4c9994!important;
  box-shadow:0 0 13px rgba(72,219,211,.08)!important;
}
#character #v030Materials .inv-item{
  min-height:225px!important;
}
#character #v030Materials .inv-item .item-name{
  text-align:center;
  font-size:9px!important;
}
#character #v030Materials .inv-item .item-bonus{
  text-align:center;
}
#character #v030Materials .btn{
  min-height:42px!important;
  font-weight:1000!important;
}

/* rarity visual reinforcement */
#character #inventory .inv-item.epic-purple{
  border-color:#a766e7!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(170,80,230,.11),transparent 25%),
    linear-gradient(155deg,#171221,#09100d)!important;
}
#character #inventory .inv-item.common-green{
  border-color:#5aa64c!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(93,207,63,.09),transparent 25%),
    linear-gradient(155deg,#112016,#09110d)!important;
}
#character #inventory .inv-item.rare-blue{
  border-color:#4d8bd7!important;
}
#character #inventory .inv-item.legendary-orange{
  border-color:#df9138!important;
}
#character #inventory .inv-item.mystic-cyan{
  border-color:#42ded9!important;
}

@media(max-width:560px){
  #character #inventory .inv-item{
    min-height:305px!important;
    padding:9px!important;
  }
  #character #inventory .inv-item .v41-inv-icon,
  #character #inventory .inv-item .inv-icon{
    width:62px!important;height:62px!important;font-size:32px!important;
  }
  #character #inventory .item-name{font-size:8.4px!important}
}