
/* ===== HARD REPAIR: StatTrak layout only, no JS DOM rewrite ===== */
#weaponExtras.extras{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 250px 150px !important;
  grid-template-areas:
    "title title title"
    "name stat save"
    "note note note" !important;
  gap:10px !important;
  align-items:end !important;
}

#weaponExtras .legend-extra-title{
  grid-area:title !important;
  color:#ff586a !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
}

#weaponExtras .legend-name-field{grid-area:name !important;min-width:0 !important}
#weaponExtras .legend-stattrak-field{grid-area:stat !important;min-width:0 !important}

#weaponExtras .legend-name-field>span,
#weaponExtras .legend-stattrak-field>span{
  display:block !important;
  margin:0 0 6px !important;
  color:#858b94 !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}

#weaponExtras #nameTagInput{
  width:100% !important;
  height:43px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  background:#05070a !important;
  color:#fff !important;
  outline:none !important;
}

#weaponExtras .legend-stattrak-box{
  height:43px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  background:#05070a !important;
}

#weaponExtras #statTrakToggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:42px !important;
  min-width:42px !important;
  height:24px !important;
  margin:0 !important;
  position:relative !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#363c45 !important;
  cursor:pointer !important;
}

#weaponExtras #statTrakToggle:after{
  content:"" !important;
  position:absolute !important;
  top:2px !important;
  left:2px !important;
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  background:#c8cdd3 !important;
  transition:.18s !important;
}

#weaponExtras #statTrakToggle:checked{
  background:linear-gradient(180deg,#ef2c45,#b80b23) !important;
  border-color:rgba(239,35,60,.55) !important;
}

#weaponExtras #statTrakToggle:checked:after{
  left:20px !important;
  background:#fff !important;
}

#weaponExtras .legend-stattrak-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#weaponExtras .legend-stattrak-copy strong{
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

#weaponExtras #statTrakInfo{
  display:block !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  color:#717883 !important;
  font-size:7px !important;
  white-space:nowrap !important;
}

#weaponExtras #saveCsgoExtras{
  grid-area:save !important;
  height:43px !important;
  min-height:43px !important;
  margin:0 !important;
  border-radius:9px !important;
  white-space:nowrap !important;
}

#weaponExtras .legend-extra-note{
  grid-area:note !important;
  margin:0 !important;
  padding:0 !important;
  color:#747b85 !important;
  font-size:8px !important;
}

#weaponExtras .legend-extra-note b{color:#ff5367 !important}

@media(max-width:900px){
  #weaponExtras.extras{
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "title title"
      "name name"
      "stat save"
      "note note" !important;
  }
}
@media(max-width:620px){
  #weaponExtras.extras{
    grid-template-columns:1fr !important;
    grid-template-areas:"title" "name" "stat" "save" "note" !important;
  }
}
