/* trading */
.tcard{padding:10px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.tcard:last-child{border-bottom:0}
.th{font-weight:600}
.tn{margin:0;color:var(--mut);font-style:italic;font-size:14px}
.tsides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:520px){.tsides{grid-template-columns:minmax(0,1fr)}}
.ts{display:flex;flex-direction:column;gap:4px;min-width:0}
.tc{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:2px 8px;align-items:center;min-width:0}
.tc i{width:8px;height:8px;border-radius:50%;grid-row:span 2}
.tc b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc small{grid-column:2;color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc em{grid-row:1/3;grid-column:3;font:700 11px 'JetBrains Mono',monospace;font-style:normal;color:var(--mut)}
.tbuild{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:640px){.tbuild{grid-template-columns:minmax(0,1fr)}}
.tcol{display:flex;flex-direction:column;gap:6px;min-width:0}
.tray{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;padding:6px;border-radius:6px;border:1px dashed var(--line2)}
.tchip{border:1px solid var(--line2);background:var(--field);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:12.5px;cursor:pointer}
.tchip small{color:var(--dim)}
.tlist{max-height:260px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px}
.trow{background:transparent;border:0;border-bottom:1px solid var(--line);padding:7px 9px;text-align:left;cursor:pointer;color:inherit}
.trow:hover{background:rgba(215,220,226,.06)}
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;background:var(--chrome);color:#111317;padding:10px 14px;border-radius:8px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.5);max-width:calc(100vw - 32px)}
.tbrowse{margin-top:8px;width:100%}
#tbinder:not(:empty){margin:12px 0;border-top:1px solid var(--line,#2a2e33);padding-top:10px}
.tbhd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.tbhd .mono{min-width:0}
.bd-dlg .tadd{width:100%;margin:8px 0 4px}
/* Cards group sub-nav (Packs · Binder · Trade) */
.subnav{border-bottom:1px solid var(--line)}
.subnav .in{max-width:860px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:6px;overflow-x:auto}
.subnav .mono{color:var(--amb);margin-right:6px;font-size:11px;letter-spacing:.12em}
.subnav a{padding:5px 12px;border-radius:999px;color:var(--mut);text-decoration:none;font-weight:600;font-size:13.5px;white-space:nowrap;border:1px solid transparent}
.subnav a.on{color:var(--ink,#eee);border-color:rgba(var(--tint,200,205,212),.55);background:rgba(var(--tint,200,205,212),.12)}
.rmnote{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--mut);text-wrap:pretty}
.rmnote.on{color:var(--ink,#eee);border:1px solid rgba(242,201,76,.5);background:rgba(242,201,76,.08);border-radius:10px;padding:9px 11px}
.rmnote.on b{color:#f2c94c}
@media (max-width:440px){.subnav .mono{display:none}.subnav .in{gap:0;padding-inline:6px}.subnav a{padding:5px 7px;font-size:13px}}