/* UI 017.3C C.5-C.7.1 — Item Sheet polish from iPhone live review.
   Scoped to #i173c-inventory-layer; no shared nav/Battle changes. */

/* Keep ordinary X/backdrop close inside the legacy 240ms removal window.
   Gesture dismissal uses its own longer inline transition from c571 JS. */
#i173c-inventory-layer .i173c57-sheet{
  transition:transform .22s cubic-bezier(.18,.82,.22,1);
}

#i173c-inventory-layer .i173c57-sheet.is-c571-dragging{
  transition:none !important;
  will-change:transform;
  user-select:none;
  -webkit-user-select:none;
}

#i173c-inventory-layer .i173c57-sheet.is-c571-settling{
  will-change:transform;
}

#i173c-inventory-layer .i173c57-overlay.is-c571-dragging .i173c57-backdrop{
  opacity:calc(1 - (var(--i173c571-drag-progress,0) * .58));
}

#i173c-inventory-layer .i173c57-head,
#i173c-inventory-layer .i173c57-handle-zone,
#i173c-inventory-layer .i173c57-footer{
  -webkit-tap-highlight-color:transparent;
}

#i173c-inventory-layer .i173c57-head-copy > p{
  max-width:100%;
}

#i173c-inventory-layer .i173c57-compare-toggle small{
  color:#c58adb;
}

/* Sell is intentionally secondary, but must still read as a live/destructive action. */
#i173c-inventory-layer .i173c57-action[data-i173c57-sell]{
  border-color:rgba(224,91,115,.62);
  background:
    radial-gradient(80% 120% at 50% -25%,rgba(228,88,119,.24),transparent 62%),
    linear-gradient(180deg,rgba(92,30,49,.96),rgba(56,18,32,.98));
  color:#ffd7dd;
  box-shadow:inset 0 0 0 1px rgba(255,185,197,.05),0 7px 18px rgba(107,29,48,.22);
  text-shadow:0 1px 8px rgba(0,0,0,.22);
}

#i173c-inventory-layer .i173c57-action[data-i173c57-sell]:active{
  border-color:rgba(244,113,137,.78);
  background:linear-gradient(180deg,rgba(112,36,58,.98),rgba(66,20,37,.99));
}

#i173c-inventory-layer .i173c57-action[data-i173c57-sell]:disabled{
  opacity:.44;
  filter:saturate(.55);
  box-shadow:none;
}

@media (max-width:380px){
  #i173c-inventory-layer .i173c57-head-copy > p{
    font-size:10px;
  }
}

html.arena-cool-mode #i173c-inventory-layer .i173c57-sheet,
html[data-performance="cool"] #i173c-inventory-layer .i173c57-sheet{
  transition-duration:.18s;
}

@media (prefers-reduced-motion:reduce){
  #i173c-inventory-layer .i173c57-sheet,
  #i173c-inventory-layer .i173c57-overlay{
    transition:none !important;
  }
}