/* Character Market workspace. Scoped to avoid changing other commerce screens. */
.character-exchange.cp-market{width:100%;min-width:0;padding:0;box-sizing:border-box}.character-exchange .exchange-hero-copy,.character-exchange .exchange-panel{min-width:0;width:100%}.character-exchange .exchange-tabs{max-width:100%;min-width:0}.character-exchange .exchange-filters>label{min-width:0}
.character-exchange{--exchange-gold:var(--gb-cyan,var(--theme-color-4ac7ffff,#4ac7ff));--exchange-accent:var(--gb-cyan,var(--theme-color-4ac7ffff,#4ac7ff));--exchange-blue:var(--gb-blue,var(--theme-color-168cffff,#168cff));--exchange-muted:var(--gb-muted,var(--theme-color-98abc2ff,#98abc2));--exchange-line:var(--gb-line,var(--theme-color-27374dff,#27374d));--exchange-panel:var(--gb-panel,var(--theme-color-101b2bff,#101b2b));--exchange-panel-2:var(--gb-panel-2,var(--theme-color-152235ff,#152235));--exchange-bg:var(--gb-bg,var(--theme-color-08111aff,#08111a));--exchange-text:var(--gb-text,var(--theme-color-edf3fcff,#edf3fc));padding-bottom:12px}
.character-exchange .exchange-hero{position:relative;justify-content:space-between;overflow:hidden;min-height:285px;padding:36px;border:1px solid var(--exchange-line);background:radial-gradient(ellipse at 72% 15%,var(--theme-frame-glow,var(--theme-color-38bdf82e,rgba(56,189,248,.18))),transparent 50%),linear-gradient(100deg,var(--exchange-bg) 15%,var(--exchange-panel) 65%,var(--exchange-panel-2)),url('../img/zenda-rankings-hero-v2.webp') center/cover;box-shadow:0 20px 70px var(--theme-color-00000033,#0003)}
.exchange-hero-copy{max-width:690px}.character-exchange .exchange-eyebrow{display:block;color:var(--exchange-gold);font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:12px}.character-exchange .exchange-hero h1{font-size:36px;line-height:1.17;letter-spacing:-.03em;margin:0 0 18px;color:var(--exchange-text)}.exchange-hero h1>span{display:block;color:var(--exchange-gold);font-size:.72em;margin-top:8px;font-weight:400}.exchange-hero-copy>p{max-width:560px;color:var(--exchange-muted);font-size:14px;line-height:1.8}.character-exchange .exchange-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.character-exchange .exchange-badges>span{font-size:10px;padding:7px 10px;border:1px solid var(--exchange-line);border-radius:6px;background:var(--exchange-bg);color:var(--exchange-muted)}.exchange-badges i{color:var(--exchange-gold);margin-right:5px}
.exchange-hero-action{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 230px;padding:22px;border:1px solid var(--theme-frame-control-line,var(--exchange-line));background:var(--theme-frame-control-start,var(--exchange-panel));border-radius:12px;text-align:center}.exchange-hero-action>i{font-size:32px;color:var(--exchange-gold);margin-bottom:5px}.exchange-hero-action>strong{color:var(--exchange-text);font-size:14px}.exchange-hero-action>span{color:var(--exchange-muted);font-size:12px}.character-exchange .exchange-hero-action .btn{margin-top:8px;padding:11px 16px;font-size:12px}
.exchange-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}.exchange-metrics>div{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid var(--exchange-line);border-radius:10px;background:linear-gradient(120deg,var(--exchange-panel-2),var(--exchange-panel))}.exchange-metrics>div>i{color:var(--exchange-gold);background:var(--theme-frame-control-start,var(--theme-color-38bdf81a,rgba(56,189,248,.1)));border:1px solid var(--exchange-line);width:42px;height:42px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.exchange-metrics>div>span{font-size:11px;color:var(--exchange-muted)}.exchange-metrics strong{display:block;color:var(--exchange-text);font-size:17px;margin-top:5px;overflow-wrap:anywhere}.exchange-metrics strong small{color:var(--exchange-muted);font-size:11px;font-weight:400}
.exchange-tabs{display:flex;gap:5px;border-bottom:1px solid var(--exchange-line);margin:0 0 26px;overflow-x:auto;scrollbar-width:thin}.exchange-tabs>a{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:16px 20px;color:var(--exchange-muted);font-size:12px;font-weight:600;border-bottom:2px solid transparent;transition:color .18s,background .18s;text-decoration:none!important}.exchange-tabs>a:hover{color:var(--exchange-text);background:var(--theme-frame-control-start,var(--theme-color-38bdf814,rgba(56,189,248,.08)))}.exchange-tabs>a.is-active{color:var(--exchange-gold);border-bottom-color:var(--exchange-gold);background:linear-gradient(0deg,var(--theme-frame-control-start,var(--theme-color-38bdf81a,rgba(56,189,248,.1))),transparent)}.exchange-tab-count{font-size:10px;min-width:18px;text-align:center;padding:2px 6px;border-radius:20px;background:var(--theme-frame-control-start,var(--theme-color-38bdf826,rgba(56,189,248,.15)));color:var(--exchange-gold)}.character-exchange a:focus-visible,.character-exchange button:focus-visible,.character-exchange input:focus-visible,.character-exchange select:focus-visible{outline:2px solid var(--exchange-gold);outline-offset:4px}
.exchange-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.exchange-section-heading .exchange-eyebrow{font-size:9px;margin-bottom:8px}.exchange-section-heading h2{font-size:23px;color:var(--exchange-text);margin:0 0 8px;letter-spacing:-.02em}.exchange-section-heading p{font-size:12px;color:var(--exchange-muted);margin:0;line-height:1.7}.exchange-summary{white-space:nowrap;border:1px solid var(--exchange-line);border-radius:20px;padding:7px 12px;font-size:10px;color:var(--exchange-muted);background:var(--exchange-panel-2)}
.character-exchange .exchange-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;border:1px solid var(--exchange-line);border-radius:12px;background:linear-gradient(120deg,var(--exchange-panel-2),var(--exchange-panel));margin-bottom:26px}.character-exchange .exchange-filters>label{font-size:10px;font-weight:500;color:var(--exchange-muted);letter-spacing:.02em;margin:0}.character-exchange .exchange-filters .form-control,.character-exchange .exchange-management .form-control{margin-top:7px;height:40px;border-radius:6px;border:1px solid var(--exchange-line);background:var(--exchange-bg);color:var(--exchange-text);font-size:12px;box-shadow:none;width:100%}.character-exchange .exchange-class-pills{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-bottom:16px;border-bottom:1px solid var(--exchange-line)}.character-exchange .exchange-class-pills label{display:flex;align-items:center;gap:7px;border:1px solid var(--exchange-line);background:var(--exchange-panel);border-radius:6px;padding:8px 11px;font-size:10px;color:var(--exchange-muted);cursor:pointer;margin:0}.character-exchange .exchange-class-pills label:has(input:checked){border-color:var(--exchange-gold);color:var(--exchange-text);background:var(--theme-frame-control-start,var(--theme-color-38bdf826,rgba(56,189,248,.15)))}.character-exchange .exchange-class-pills input{accent-color:var(--exchange-gold);margin:0;width:12px;height:12px}.character-exchange .exchange-filters>label:has(input[name=q]){grid-column:span 2}.exchange-filter-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:16px;align-items:center;align-self:end;height:40px}.exchange-filter-actions a{color:var(--exchange-muted);font-size:11px}.exchange-filter-actions .btn{font-size:12px;padding:10px 18px}
.character-exchange .exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character-exchange .exchange-card{border:1px solid var(--exchange-line);background:linear-gradient(155deg,var(--exchange-panel-2),var(--exchange-panel));border-radius:12px;box-shadow:0 10px 24px var(--theme-color-00000022,#0002)}.character-exchange .exchange-card:hover{border-color:var(--exchange-gold);box-shadow:0 14px 30px var(--theme-frame-card-glow,var(--theme-color-00000066,rgba(0,0,0,.4)))}.character-exchange .exchange-card>header{padding:20px;min-height:110px;background:radial-gradient(ellipse at top right,var(--theme-frame-glow,var(--theme-color-38bdf826,rgba(56,189,248,.15))),transparent 80%);align-items:center}.character-exchange .exchange-card>header img{height:62px;width:62px;border:1px solid var(--exchange-line);border-radius:10px}.character-exchange .exchange-card h2{font-size:20px}.character-exchange .exchange-card h2 a{color:var(--exchange-text);text-decoration:none}.character-exchange .exchange-card h2 a:hover{color:var(--exchange-gold)}.character-exchange .exchange-card small{font-size:10px;line-height:1.8;color:var(--exchange-muted)}.character-exchange .exchange-stats{border-color:var(--exchange-line);background:var(--exchange-bg);padding:15px 10px}.character-exchange .exchange-stats dt{font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:400;color:var(--exchange-muted)}.character-exchange .exchange-stats dd{color:var(--exchange-text);font-size:19px;margin:4px 0 0}.character-exchange .exchange-gear{padding:18px 12px;gap:7px}.character-exchange .exchange-gear .armory-slot{width:42px;height:48px;background:var(--exchange-bg)}.character-exchange .exchange-card footer{border-top:1px solid var(--exchange-line);padding:18px}.character-exchange .exchange-price{font-size:24px;color:var(--exchange-gold);margin-bottom:14px}.character-exchange .exchange-price>i{font-size:15px;margin-right:5px}.character-exchange .exchange-price small{color:var(--exchange-muted);font-weight:400}.character-exchange .exchange-actions .btn{border-radius:6px;padding:10px 8px;font-size:11px}.character-exchange .btn-default{background:var(--exchange-panel-2);color:var(--exchange-text);border-color:var(--exchange-line)}.character-exchange .btn-default:hover{background:var(--exchange-panel);border-color:var(--exchange-gold)}.character-exchange .cp-market-pagination{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:26px;color:var(--exchange-muted);font-size:12px}.character-exchange .cp-market-pagination a{border:1px solid var(--exchange-line);border-radius:6px;padding:7px 12px;background:var(--exchange-panel-2);color:var(--exchange-text)}
.exchange-empty{text-align:center;padding:52px 22px;border:1px dashed var(--exchange-line);border-radius:12px;background:radial-gradient(ellipse at center,var(--theme-frame-glow,var(--theme-color-38bdf81a,rgba(56,189,248,.1))),transparent)}.exchange-empty>i{font-size:34px;color:var(--exchange-gold);margin-bottom:16px}.exchange-empty h3{color:var(--exchange-text);font-size:20px;margin:0 0 12px}.exchange-empty p{color:var(--exchange-muted);font-size:12px;line-height:1.8;max-width:480px;margin:0 auto 20px}.exchange-empty>a{display:inline-block;margin:0 6px;font-size:12px}.character-exchange .exchange-management{margin:0;border-color:var(--exchange-line);background:var(--exchange-panel)}.character-exchange .exchange-management>form>label{flex:1;color:var(--exchange-muted);font-size:12px}.character-exchange .cp-market-heading h4{color:var(--exchange-text);font-size:18px}.character-exchange .cp-market-heading p{color:var(--exchange-muted);font-size:12px;line-height:1.8}.character-exchange .cp-market-sell-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;padding:20px 0}.character-exchange .cp-market-sell-guide{background:var(--exchange-panel);border:1px solid var(--exchange-line);border-radius:10px;padding:22px}.character-exchange .cp-market-sell-guide>i{color:var(--exchange-gold);font-size:24px}.character-exchange .cp-market-sell-guide h5{font-size:16px;color:var(--exchange-text)}.character-exchange .cp-market-sell-guide p{color:var(--exchange-muted);font-size:12px;line-height:1.8}.character-exchange .cp-market-requirements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.character-exchange .cp-market-requirements>span{padding:10px;border:1px solid var(--exchange-line);border-radius:6px;color:var(--exchange-muted);font-size:10px;background:var(--exchange-bg)}.character-exchange .cp-market-requirements b{display:block;color:var(--exchange-text);margin-top:5px}.character-exchange .cp-market-sell-editor form{display:grid;gap:16px}.character-exchange .cp-market-sell-editor form>label{font-size:12px;color:var(--exchange-muted)}.character-exchange .cp-market-sell-editor form>p{font-size:12px;color:var(--exchange-muted)}.character-exchange .cp-market-activity{margin-top:20px}.character-exchange .cp-market-activity>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--exchange-line);padding-bottom:12px;color:var(--exchange-text)}.character-exchange .cp-market-activity h5{margin:0;font-size:16px}.character-exchange .cp-market-table{overflow:auto}.character-exchange .table{color:var(--exchange-muted);font-size:12px}.character-exchange .table>thead>tr>th,.character-exchange .table>tbody>tr>td{border-color:var(--exchange-line);padding:14px 10px;vertical-align:middle}.character-exchange .cp-market-empty{padding:24px;color:var(--exchange-muted);font-size:12px}.character-exchange .cp-market-status{padding:4px 8px;border:1px solid var(--exchange-line);border-radius:20px;font-size:10px}.character-exchange .cp-market-status-listed{color:#7dd3b1}
.exchange-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.exchange-guide-card{position:relative;padding:26px;border:1px solid var(--exchange-line);border-radius:12px;background:linear-gradient(135deg,var(--exchange-panel-2),var(--exchange-panel))}.exchange-guide-card>span{position:absolute;right:18px;top:12px;font-size:42px;font-weight:700;color:var(--theme-color-ffffff8,#ffffff08)}.exchange-guide-card>i{font-size:25px;color:var(--exchange-gold);margin-bottom:20px}.exchange-guide-card h3{color:var(--exchange-text);font-size:17px;margin:0 0 12px}.exchange-guide-card p,.exchange-guide-notice p{color:var(--exchange-muted);font-size:12px;line-height:1.9;margin:0}.exchange-guide-notice{display:flex;gap:18px;padding:24px;border:1px solid var(--exchange-line);background:var(--theme-frame-control-start,var(--exchange-panel));border-radius:10px;margin-bottom:22px}.exchange-guide-notice>i{color:var(--exchange-gold);font-size:22px;margin-top:2px}.exchange-guide-notice h3{font-size:17px;color:var(--exchange-text);margin:0 0 12px}.exchange-guide-notice p+p{margin-top:12px}.exchange-footnote{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:28px;border-top:1px solid var(--exchange-line);padding:18px 0;color:var(--exchange-muted);font-size:10px;line-height:1.8}.exchange-footnote>i{color:#78b7aa}.exchange-footnote>a{margin-left:auto;color:var(--exchange-gold)}
.character-exchange .btn-primary{background:linear-gradient(135deg,var(--gb-blue,var(--theme-color-168cffff,#168cff)),var(--theme-color-0866caff,#0866ca))!important;color:var(--theme-button-text,var(--theme-color-ffffffff,#fff))!important;border-color:var(--theme-frame-control-line,var(--gb-blue,var(--theme-color-168cffff,#168cff)))!important}
@media(max-width:1100px){.character-exchange .exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-metrics strong{font-size:14px}.exchange-metrics>div{padding:14px;gap:10px}.exchange-metrics>div>i{width:32px;height:36px}.character-exchange .exchange-hero{padding:28px}.character-exchange .exchange-hero h1{font-size:31px}.exchange-hero-action{flex-basis:205px}}
@media(max-width:760px){.character-exchange .exchange-hero{padding:24px;gap:24px;flex-direction:column;align-items:stretch}.exchange-hero-action{flex-basis:auto;align-items:flex-start;text-align:left;position:relative;padding:20px}.exchange-hero-action>i{position:absolute;right:24px;top:26px;font-size:42px;opacity:.35}.exchange-metrics{grid-template-columns:1fr;gap:8px}.exchange-metrics>div{padding:12px 16px}.exchange-metrics strong{font-size:15px}.exchange-tabs{gap:0}.exchange-tabs>a{padding:14px 13px;font-size:11px}.exchange-section-heading{align-items:flex-start}.exchange-section-heading h2{font-size:21px}.exchange-summary{font-size:9px}.character-exchange .exchange-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.character-exchange .exchange-filters>label:has(input[name=q]){grid-column:1/-1}.exchange-filter-actions{grid-column:1/-1;justify-content:space-between}.character-exchange .cp-market-sell-workspace,.exchange-guide-grid{grid-template-columns:1fr}.exchange-guide-card{padding:22px}.exchange-footnote>a{margin-left:0}}
@media(max-width:500px){.character-exchange .exchange-grid{grid-template-columns:1fr}.character-exchange .exchange-class-pills{gap:5px}.character-exchange .exchange-class-pills label{padding:7px;font-size:9px}.exchange-section-heading{flex-direction:column;gap:10px}.exchange-guide-notice{padding:18px;gap:12px}.exchange-empty{padding:36px 16px}}
@media(prefers-reduced-motion:reduce){.exchange-tabs>a{transition:none}}