/* Tier do item no slot (classes postas por ombriaTierSlot, tools/patch-2109b.mjs). Mesma paleta do
   28/08 (public-atual/styles-tier.css), translúcida e POR CIMA da moldura do slot: a moldura do 21/09
   é opaca e escondia o gradiente embaixo. Especificidade (0,2,0) perde para drag-over, slot-offered e
   auto-loot, que seguem visíveis. */
.slot-tier-1 { --tier-bg: linear-gradient(145deg, #555b68b3, #171b2559); }
.slot-tier-2 { --tier-bg: linear-gradient(145deg, #3e9c5fb3, #101c1659); }
.slot-tier-3 { --tier-bg: linear-gradient(145deg, #3d7ab8b3, #111d3059); }
.slot-tier-4 { --tier-bg: linear-gradient(145deg, #8a55b8b3, #24143259); }
.slot-tier-5 { --tier-bg: linear-gradient(145deg, #c89238b3, #30200d59); }

:is(.inventory-window, .depot-window, .trade-session-window, .loot-window, .equip-flyout) .slot-tiered {
  background: var(--tier-bg), var(--frame-slot) center / 100% 100% no-repeat, #16161e;
}

.slot-tiered { position: relative; }
.slot-tiered::after {
  content: attr(data-tier);
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  padding: 0 3px;
  color: #fff8d6;
  border: 1px solid #0b0c13aa;
  border-radius: 2px;
  background: #090b13cc;
  font: 700 10px/1.2 ui-sans-serif, system-ui, sans-serif;
  text-shadow: 1px 1px #000;
  pointer-events: none;
}