/* Tokens page v3 (v2-tokens.js) */
#scrTokens .tkCol{max-width:1120px;width:100%;margin:0 auto}
#scrTokens .tkPage{display:flex;flex-direction:column;gap:18px;width:100%}
#scrTokens .hgroup{text-align:left;align-items:flex-start}
.tk3P{background:rgba(22,20,18,.9);border:1px solid rgba(245,244,240,.1);border-radius:8px;padding:22px 24px}
.tk3H{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--ts,#B8B2A7);text-transform:uppercase}
.tk3Sub{margin:22px 0 10px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--ts,#B8B2A7)}
.tk3StRow{display:flex;align-items:center;gap:24px;margin-top:14px;flex-wrap:wrap}
.tk3Bal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:220px}
.tk3Bal b{font-size:64px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--tp,#F5F4F0)}
.tk3Bal span{font-size:28px;font-weight:500;color:var(--tp,#F5F4F0)}
.tk3Bal small{flex-basis:100%;font-size:16px;color:var(--ts,#B8B2A7)}
.tk3Draft{flex:1 1 420px;display:flex;align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(245,244,240,.12);border-radius:8px;background:rgba(255,255,255,.02)}
.tk3Draft .th{flex:0 0 76px;height:76px;border-radius:8px;overflow:hidden;background:#24221e}.tk3Draft .th img{width:100%;height:100%;object-fit:cover}
.tk3Draft .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tk3Draft .tx b{font-size:16px;font-weight:600;color:var(--tp,#F5F4F0)}.tk3Draft .tx small{font-size:13px;color:var(--ts,#B8B2A7)}
.tk3Draft .ok{font-style:normal;color:#8fbf7a;margin-left:4px}
.tk3Btn{width:auto!important;margin:0!important;padding:0 18px!important;min-height:44px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tk3Btn svg,.tk3Ghost svg,.tk3Link svg{width:16px;height:16px}
.tk3Ghost{min-height:44px;padding:0 18px;border-radius:8px;border:1px solid rgba(245,244,240,.28);background:none;color:var(--tp,#F5F4F0);font:600 14px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.tk3Ghost:hover{border-color:rgba(245,244,240,.55)}
.tk3Strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tk3Strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.tk3GetHd{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.tk3Seg{display:flex;padding:3px;border:1px solid rgba(245,244,240,.14);border-radius:8px;gap:2px}
.tk3Seg button{min-height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;background:none;color:var(--ts,#B8B2A7);font:500 13px Inter,sans-serif;cursor:pointer}
.tk3Seg button b{color:var(--tp,#F5F4F0);font-weight:600}
.tk3Seg button.on{border-color:var(--gold,#E5A82E);color:var(--tp,#F5F4F0)}
.tk3Seg.sm button{min-height:36px;padding:0 14px}
.tk3Cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk3Card{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:8px;border:1px solid rgba(245,244,240,.12);background:rgba(255,255,255,.02)}
.tk3Card.rec{border-color:var(--gold,#E5A82E);box-shadow:0 0 0 1px rgba(229,168,46,.25),0 0 28px rgba(229,168,46,.12)}
.tk3Badge{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:8px;background:var(--gold,#E5A82E);color:#1a1712;font:600 12px Inter,sans-serif;font-style:normal}
.tk3Card h3{margin:0 0 14px;font-size:20px;font-weight:600;color:var(--tp,#F5F4F0)}
.tk3Tk{display:flex;align-items:baseline;gap:8px;color:var(--tp,#F5F4F0)}.tk3Tk b{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1}.tk3Tk span{font-size:17px;font-weight:500}
.tk3D{width:22px;height:22px;color:var(--gold,#E5A82E);align-self:center}
.tk3Pr{margin-top:12px;font-size:22px;font-weight:600;color:var(--tp,#F5F4F0)}.tk3Pr span{font-size:14px;font-weight:500;color:var(--ts,#B8B2A7)}
.tk3Per{margin-top:4px;font-size:14px;color:var(--ts,#B8B2A7)}
.tk3Card p{margin:14px 0 18px;font-size:14px;color:var(--ts,#B8B2A7);flex:1}
.tk3Buy{width:100%!important;margin:0!important;min-height:46px;justify-content:center}
.tk3Est{margin-top:14px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 18px;border:1px solid rgba(245,244,240,.12);border-radius:8px}
.tk3Est .l{display:flex;flex-direction:column;gap:2px;min-width:170px}.tk3Est .l b{font-size:15px;color:var(--tp,#F5F4F0)}.tk3Est .l small{font-size:12px;color:var(--ts,#B8B2A7)}
.tk3Est .st{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ts,#B8B2A7)}
.tk3Stp{display:flex;flex-direction:row;align-items:center;border:1px solid rgba(245,244,240,.16);border-radius:8px}
.tk3Stp button{width:36px;height:36px;border:none;background:none;color:var(--tp,#F5F4F0);font:500 18px Inter,sans-serif;cursor:pointer}.tk3Stp button:hover{color:var(--gold,#E5A82E)}
.tk3Stp input{width:40px;height:36px;border:none;background:none;text-align:center;color:var(--tp,#F5F4F0);font:600 15px Inter,sans-serif}.tk3Stp input:focus{outline:1px solid var(--gold,#E5A82E);border-radius:8px}
.tk3Tg{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:none;color:var(--tp,#F5F4F0);font:500 13px Inter,sans-serif;cursor:pointer;padding:0}
.tk3Tg i{position:relative;width:36px;height:20px;border-radius:999px;border:1px solid rgba(245,244,240,.3);transition:.2s}
.tk3Tg i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#F5F4F0;transition:.2s}
.tk3Tg.on i{background:var(--gold,#E5A82E);border-color:var(--gold,#E5A82E)}.tk3Tg.on i::after{left:18px;background:#1a1712}
.tk3Tg.big i{width:44px;height:24px}.tk3Tg.big i::after{width:18px;height:18px}.tk3Tg.big.on i::after{left:22px}
.tk3Est .r{margin-left:auto;padding-left:22px;border-left:1px solid rgba(245,244,240,.12);display:flex;flex-direction:column;gap:2px}.tk3Est .r b{font-size:19px;font-weight:600;color:var(--tp,#F5F4F0)}.tk3Est .r small{font-size:13px;color:var(--ts,#B8B2A7)}
.tk3Two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}
.tk3Ins{border-color:var(--gold,#E5A82E)}
.tk3InsHd{display:flex;gap:16px}.tk3InsHd .ic{flex:0 0 40px;color:var(--gold,#E5A82E)}.tk3InsHd .ic svg{width:40px;height:40px}
.tk3InsHd h3{margin:8px 0 4px;font-size:20px;font-weight:600;color:var(--tp,#F5F4F0)}.tk3InsHd p{margin:0;font-size:14px;color:var(--ts,#B8B2A7)}
.tk3InsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 14px}
.tk3InsRow div{display:flex;flex-direction:column;gap:10px;padding:0 16px;font-size:14px;line-height:1.4;color:var(--tp,#F5F4F0)}.tk3InsRow div+div{border-left:1px solid rgba(245,244,240,.12)}
.tk3InsRow svg{width:24px;height:24px;color:var(--tp,#F5F4F0)}
.tk3InsFt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tk3InsFt small{font-size:13px;color:var(--ts,#B8B2A7)}
.tk3Link{display:inline-flex;align-items:center;gap:6px;min-height:40px;background:none;border:none;color:var(--gold,#E5A82E);font:600 14px Inter,sans-serif;cursor:pointer;padding:0}
.tk3Link.sm{font-size:13px;color:var(--tp,#F5F4F0);text-decoration:underline;text-underline-offset:3px}
.tk3Cost ul{list-style:none;margin:14px 0 0;padding:0}.tk3Cost li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:15px;color:var(--tp,#F5F4F0)}.tk3Cost li+li{border-top:1px solid rgba(245,244,240,.1)}.tk3Cost li b{font-weight:600}
.tk3Tbl .hd,.tk3Tbl .rw{display:grid;grid-template-columns:130px minmax(0,1fr) 90px 120px;align-items:center;gap:14px;padding:10px 8px}
.tk3Tbl .hd{font-size:12px;color:var(--ts,#B8B2A7);border-bottom:1px solid rgba(245,244,240,.12)}
.tk3Tbl .rw{font-size:14px;color:var(--tp,#F5F4F0);border-bottom:1px solid rgba(245,244,240,.07)}
.tk3Tbl .it{display:flex;align-items:center;gap:12px;min-width:0}.tk3Tbl .it i{flex:0 0 40px;height:40px;border-radius:8px;overflow:hidden;background:#24221e;display:flex;align-items:center;justify-content:center}.tk3Tbl .it i img{width:100%;height:100%;object-fit:cover}
.tk3Tbl .it b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk3Tbl .it small{font-size:12px;color:var(--ts,#B8B2A7)}
.tk3Tbl .neg{color:#e0866a;font-weight:600}.tk3Tbl .pos{color:var(--gold,#E5A82E);font-weight:600}
.tk3Empty{padding:28px 8px;font-size:14px;color:var(--ts,#B8B2A7)}
.tk3Auto{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tk3Auto .ic svg{width:26px;height:26px;color:var(--tp,#F5F4F0)}.tk3Auto b{font-size:15px;color:var(--tp,#F5F4F0)}.tk3Auto .d{flex:1;min-width:220px;font-size:14px;color:var(--ts,#B8B2A7)}
.tk3Foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 4px 24px;font-size:12px;color:var(--ts,#B8B2A7)}.tk3Foot .tk3Link{color:var(--ts,#B8B2A7);font-size:12px;font-weight:500}.tk3Foot .tk3Link b{color:var(--tp,#F5F4F0)}
@media (max-width:980px){.tk3Cards{grid-template-columns:1fr}.tk3Two{grid-template-columns:1fr}.tk3Strip{grid-template-columns:repeat(3,minmax(0,1fr))}.tk3Est .r{margin-left:0;padding-left:0;border-left:none}}
@media (max-width:640px){.tk3InsRow{grid-template-columns:1fr;gap:14px}.tk3InsRow div{padding:0}.tk3InsRow div+div{border-left:none}.tk3Tbl .hd{display:none}.tk3Tbl .rw{grid-template-columns:1fr auto;grid-template-areas:"it tk" "dt inv"}.tk3Tbl .rw>span:nth-child(1){grid-area:dt;font-size:12px;color:var(--ts)}.tk3Tbl .rw>span:nth-child(2){grid-area:it}.tk3Tbl .rw>span:nth-child(3){grid-area:tk}.tk3Tbl .rw>span:nth-child(4){grid-area:inv;justify-self:end}.tk3Draft{flex-wrap:wrap}}
