/* Stash: sort chips, NEW tags, item info (Lane C, Bucket 9, 2026-10-08). Loaded after theme.css / layout.css. */
.st2Bar2 { flex-wrap:wrap; align-items:center; }
.st2Bar2 .st2Dd { flex:0 1 220px; min-width:150px; }
.stSort { flex:1 1 360px; display:flex; align-items:center; gap:6px; overflow-x:auto; scrollbar-width:none; }
.stSort::-webkit-scrollbar { display:none; }
.stSortL { font:400 13px var(--fh); color:#9fc3ee; text-shadow:0 1px 0 var(--ol); flex:none; }
.stChip { flex:none; min-height:36px; padding:6px 12px; border-radius:999px; border:2.5px solid var(--ol); background:#0d2a55; font:400 14px var(--fh); color:#cfe3ff; text-shadow:0 1px 0 var(--ol); white-space:nowrap; }
@media (max-width:600px) { .stChip { min-height:34px; padding:5px 10px; font-size:13px; } }
.stChip.on { background:linear-gradient(180deg,var(--bl1),var(--bl2)); color:#fff; box-shadow:inset 0 2px 0 rgba(255,255,255,.3); }
.stChip i { font-style:normal; display:inline-block; min-width:18px; padding:0 5px; margin-left:4px; border-radius:9px; background:#ffd23f; color:#3a2600; font:400 12px/18px var(--fh); text-shadow:none; }

/* NEW: a gold tag in the corner where the rarity star sits */
.cell[data-new]::before { display:none; }
.cell[data-new]::after { content:"NEW"; position:absolute; left:-17px; top:7px; width:58px; padding:2px 0 1px; transform:rotate(-45deg); background:#ffd23f; border-top:1.5px solid var(--ol); border-bottom:1.5px solid var(--ol); color:#3a2600; font:400 9px/1 var(--fh); letter-spacing:.4px; text-align:center; z-index:2; pointer-events:none; } /* a corner ribbon: clear of the stack count */
.cell[data-new] .q { z-index:3; }
.cell[data-sel] { outline:3px solid #fff; outline-offset:2px; }

/* item info sections (pop-up sheet and the desktop side panel) */
.iiWrap { display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.iiSec { padding:10px 12px; border-radius:12px; border:2px solid rgba(0,0,0,.35); background:rgba(6,22,48,.55); }
.iiSec h4 { margin:0 0 6px; font:400 15px var(--fh); color:#ffd23f; text-shadow:0 1px 0 var(--ol); letter-spacing:.2px; }
.iiSec p { margin:0; font:700 13.5px/1.4 var(--fb); color:#e6f0ff; }
.iiRow { display:flex; gap:9px; align-items:flex-start; padding:4px 0; }
.iiRow + .iiRow { border-top:1px solid rgba(255,255,255,.08); }
.iiI { flex:none; width:26px; height:26px; border-radius:8px; background:#14407e; display:flex; align-items:center; justify-content:center; }
.iiI svg { width:16px; height:16px; }
.iiRow b { display:block; font:800 13.5px/1.3 var(--fb); color:#fff; }
.iiRow small { display:block; font:700 12.5px/1.35 var(--fb); color:#a9c4e6; }
.iiPs { display:flex; flex-direction:column; gap:6px; }
.iiP { display:grid; grid-template-columns:1fr auto; align-items:baseline; column-gap:8px; }
.iiP span { font:800 13.5px var(--fb); color:#fff; }
.iiP b { font:400 16px var(--fh); color:#ffd23f; text-shadow:0 1px 0 var(--ol); }
.iiP small { grid-column:1 / -1; font:700 12px var(--fb); color:#a9c4e6; }
.iiPs .note { margin:2px 0 0; }

/* computers: the item card in the side column */
.stInfo { position:relative; max-height:calc(100vh - 130px); overflow-y:auto; }
.stInfo .ihead { padding-right:40px; }
.stInfoX { position:absolute; right:10px; top:10px; width:34px; height:34px; border-radius:10px; border:2.5px solid var(--ol); background:#0d2a55; display:flex; align-items:center; justify-content:center; z-index:3; }
.stInfoX svg { width:16px; height:16px; }