/* UI 017.3C C.7.3C — physical durability / condition presentation. */

#i173c-inventory-layer .i173c73c-card-condition{
  position:absolute;
  z-index:3;
  left:9px;
  bottom:9px;
  min-height:27px;
  display:flex;
  align-items:center;
  gap:5px;
  max-width:92px;
  padding:5px 7px;
  border:1px solid rgba(137,190,170,.22);
  border-radius:999px;
  background:rgba(7,10,13,.80);
  box-shadow:0 5px 12px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  pointer-events:none;
}
#i173c-inventory-layer .i173c73c-card-condition small{
  color:#799d91;
  font-size:5.4px;
  font-weight:950;
  letter-spacing:.08em;
}
#i173c-inventory-layer .i173c73c-card-condition strong{
  color:#d7eee4;
  font-size:8.5px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#i173c-inventory-layer .i173c73c-card-condition[data-state="worn"]{
  border-color:rgba(211,166,80,.28);
}
#i173c-inventory-layer .i173c73c-card-condition[data-state="worn"] small,
#i173c-inventory-layer .i173c73c-card-condition[data-state="worn"] strong{color:#e2bd72}
#i173c-inventory-layer .i173c73c-card-condition[data-state="critical"]{
  border-color:rgba(215,92,109,.32);
  background:rgba(30,10,15,.84);
}
#i173c-inventory-layer .i173c73c-card-condition[data-state="critical"] small,
#i173c-inventory-layer .i173c73c-card-condition[data-state="critical"] strong{color:#ef9cab}

#i173c-inventory-layer .i173c73c-condition-section{
  scroll-margin-top:16px;
}
#i173c-inventory-layer .i173c73c-condition-hero{
  position:relative;
  min-height:73px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 14px;
  padding:13px 14px 18px;
  border:1px solid rgba(108,186,158,.18);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(18,34,31,.50),rgba(11,14,17,.62));
  overflow:hidden;
}
#i173c-inventory-layer .i173c73c-condition-hero>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
#i173c-inventory-layer .i173c73c-condition-hero span{
  color:#eee6d8;
  font-size:12px;
  font-weight:900;
}
#i173c-inventory-layer .i173c73c-condition-hero small{
  color:#8fa69e;
  font-size:9px;
  font-weight:750;
}
#i173c-inventory-layer .i173c73c-condition-hero>strong{
  color:#8ce2bd;
  font-size:18px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#i173c-inventory-layer .i173c73c-condition-hero[data-state="worn"]{
  border-color:rgba(213,169,78,.22);
  background:linear-gradient(180deg,rgba(41,30,16,.44),rgba(14,12,12,.62));
}
#i173c-inventory-layer .i173c73c-condition-hero[data-state="worn"]>strong,
#i173c-inventory-layer .i173c73c-condition-hero[data-state="worn"] small{color:#e2bd72}
#i173c-inventory-layer .i173c73c-condition-hero[data-state="critical"]{
  border-color:rgba(214,82,103,.28);
  background:linear-gradient(180deg,rgba(49,17,24,.48),rgba(16,10,13,.68));
}
#i173c-inventory-layer .i173c73c-condition-hero[data-state="critical"]>strong,
#i173c-inventory-layer .i173c73c-condition-hero[data-state="critical"] small{color:#ee94a5}

#i173c-inventory-layer .i173c73c-bar{
  position:relative;
  grid-column:1/-1;
  height:5px;
  display:block;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  overflow:hidden;
}
#i173c-inventory-layer .i173c73c-bar i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--i173c73c-condition,100%);
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(79,182,143,.80),rgba(124,222,184,.96));
  box-shadow:0 0 10px rgba(99,207,164,.18);
}
#i173c-inventory-layer [data-state="worn"]>.i173c73c-bar i,
#i173c-inventory-layer [data-state="worn"] .i173c73c-bar i{
  background:linear-gradient(90deg,rgba(180,122,54,.88),rgba(225,183,96,.96));
}
#i173c-inventory-layer [data-state="critical"]>.i173c73c-bar i,
#i173c-inventory-layer [data-state="critical"] .i173c73c-bar i{
  background:linear-gradient(90deg,rgba(169,55,74,.90),rgba(229,102,122,.96));
}

#i173c-inventory-layer .i173c73c-instance-list{
  display:grid;
  gap:7px;
  margin-top:8px;
}
#i173c-inventory-layer .i173c73c-instance{
  position:relative;
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 10px;
  align-items:center;
  padding:9px 11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(9,9,13,.46);
}
#i173c-inventory-layer .i173c73c-instance-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
#i173c-inventory-layer .i173c73c-instance-copy span{
  color:#e9e2d8;
  font-size:10px;
  font-weight:850;
}
#i173c-inventory-layer .i173c73c-instance-copy small{
  color:#8e9692;
  font-size:8px;
  font-weight:700;
}
#i173c-inventory-layer .i173c73c-instance>strong{
  color:#dff2e9;
  font-size:12px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
#i173c-inventory-layer .i173c73c-instance-badges{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
#i173c-inventory-layer .i173c73c-instance-badges:empty{display:none}
#i173c-inventory-layer .i173c73c-instance-badges em{
  padding:3px 6px;
  border-radius:999px;
  font-size:6.5px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.08em;
}
#i173c-inventory-layer .i173c73c-instance-badges .is-equip{
  color:#8fe1bc;
  border:1px solid rgba(104,211,164,.20);
  background:rgba(55,127,98,.14);
}
#i173c-inventory-layer .i173c73c-instance-badges .is-sale{
  color:#e7bd72;
  border:1px solid rgba(218,172,81,.20);
  background:rgba(133,90,35,.14);
}
#i173c-inventory-layer .i173c73c-instance .i173c73c-bar{height:4px}

#i173c-inventory-layer .i173c73c-rule-hint,
#i173c-inventory-layer .i173c73c-critical-note,
#i173c-inventory-layer .i173c73c-fatigue-note{
  margin:8px 2px 0;
  color:#8f8986;
  font-size:8.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
#i173c-inventory-layer .i173c73c-critical-note{
  color:#d68a97;
}
#i173c-inventory-layer .i173c73c-fatigue-note{
  padding:8px 9px;
  border:1px solid rgba(169,126,91,.14);
  border-radius:11px;
  color:#b7a390;
  background:rgba(45,31,23,.22);
}
#i173c-inventory-layer .i173c73c-economy-note{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding:8px 10px;
  border:1px solid rgba(212,169,80,.14);
  border-radius:12px;
  background:rgba(41,28,15,.25);
}
#i173c-inventory-layer .i173c73c-economy-note span{
  color:#958a7b;
  font-size:8.5px;
  font-weight:750;
}
#i173c-inventory-layer .i173c73c-economy-note strong{
  color:#e4bd70;
  font-size:10px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

@media (max-width:380px){
  #i173c-inventory-layer .i173c73c-card-condition{left:7px;bottom:7px;padding:4px 6px;max-width:80px}
  #i173c-inventory-layer .i173c73c-card-condition small{display:none}
  #i173c-inventory-layer .i173c73c-card-condition strong{font-size:8px}
  #i173c-inventory-layer .i173c73c-condition-hero{padding:11px 12px 16px}
  #i173c-inventory-layer .i173c73c-condition-hero>strong{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  #i173c-inventory-layer .i173c73c-bar i{transition:none!important}
}