/* Mizu Kappa trade bridge pages */
.trade-page{display:grid;gap:18px;max-width:1180px;margin:0 auto}.trade-page *{min-width:0}.trade-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--border);border-radius:8px;background:rgba(17,24,39,.72);box-shadow:var(--shadow-card)}.trade-tabbar a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 10px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:800;text-align:center}.trade-tabbar a.active,.trade-tabbar a:hover{background:linear-gradient(135deg,rgba(6,182,212,.22),rgba(16,185,129,.16));color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(6,182,212,.28)}.trade-hero,.trade-card,.trade-dashboard-grid>article{border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,rgba(6,182,212,.09),rgba(16,185,129,.045)),var(--bg-card);box-shadow:var(--shadow-card)}.trade-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:stretch;gap:16px;padding:22px}.trade-hero-compact{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.trade-hero h1{margin:8px 0;font-size:32px;line-height:1.06;font-weight:800;letter-spacing:0}.trade-hero p,.trade-page .muted{color:var(--text-secondary);font-size:14px;line-height:1.55}.trade-kicker{display:inline-flex;align-items:center;min-height:24px;width:max-content;max-width:100%;padding:0 9px;border:1px solid rgba(6,182,212,.22);border-radius:999px;background:rgba(6,182,212,.09);color:var(--accent);font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.trade-hero-panel,.trade-side-panel,.trade-two-col,.trade-card,.swap-form,.swap-settings,.swap-panel,.swap-summary,.trade-list,.trade-tier-list{display:grid;gap:12px}.trade-hero-panel>div,.trade-metric-grid>div,.trade-info-strip>div,.swap-metrics>article,.swap-summary>div,.trade-claim-panel,.trade-claim-box{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(8,11,24,.55)}.trade-hero-panel span,.trade-metric-grid span,.trade-info-strip span,.swap-metrics span,.swap-summary span,.trade-dashboard-grid span,.trade-claim-panel span,.trade-claim-box span{display:block;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.trade-hero-panel strong,.trade-metric-grid strong,.trade-info-strip strong,.swap-metrics strong,.swap-summary strong,.trade-dashboard-grid strong,.trade-claim-panel strong,.trade-claim-box strong{display:block;margin-top:6px;color:var(--text-primary);font-size:18px;line-height:1.12;font-weight:800;overflow-wrap:anywhere}.trade-swap-layout{display:grid;grid-template-columns:minmax(320px,480px) minmax(0,1fr);align-items:start;gap:18px}.trade-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-card{padding:18px}.swap-card{padding:0;overflow:hidden}.swap-card-head,.trade-section-head,.referral-gate-head,.swap-panel-top,.swap-panel-actions,.swap-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.swap-card-head{padding:18px;border-bottom:1px solid var(--border)}.swap-card-head h2,.trade-section-head h2{margin-top:6px;font-size:19px;line-height:1.15;font-weight:800;letter-spacing:0}.swap-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 18px 0}.swap-tab{min-height:42px;border:1px solid var(--border);border-radius:8px;background:rgba(8,11,24,.45);color:var(--text-secondary);font-weight:800;cursor:pointer}.swap-tab.is-active,.swap-tab:hover{border-color:rgba(6,182,212,.42);background:rgba(6,182,212,.13);color:var(--accent)}.swap-tab[data-trade-tab=sell].is-active{border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.1);color:#f87171}.referral-gate{display:grid;gap:10px;margin:14px 18px 0;padding:14px;border:1px solid rgba(245,158,11,.28);border-radius:8px;background:rgba(245,158,11,.07)}.referral-gate.is-active{border-color:rgba(16,185,129,.36);background:rgba(16,185,129,.08)}.referral-gate.is-error{border-color:rgba(239,68,68,.44);background:rgba(239,68,68,.09)}.referral-gate-head strong{display:block;margin-top:4px;font-weight:800}.referral-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.swap-form{gap:8px;padding:14px 18px 18px}.swap-settings,.swap-panel,.swap-summary{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(8,11,24,.52)}.setting-field{display:grid;gap:8px}.setting-field span,.swap-label,.swap-balance{color:var(--text-secondary);font-size:13px;font-weight:700}.swap-balance strong{color:var(--accent)}.quick-pills{display:flex;flex-wrap:wrap;gap:6px}.pill-chip{min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:rgba(8,11,24,.62);color:var(--text-secondary);font-size:12px;font-weight:800;cursor:pointer}.pill-chip.is-active,.pill-chip:hover{border-color:rgba(6,182,212,.42);background:rgba(6,182,212,.12);color:var(--accent)}.swap-panel-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.swap-panel-body input{width:100%;min-height:56px;padding:0;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:34px;line-height:1;font-weight:800}.swap-panel-body input::placeholder{color:rgba(148,163,184,.42)}.asset-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:132px;padding:6px 11px 6px 7px;border:1px solid rgba(6,182,212,.3);border-radius:999px;background:rgba(6,182,212,.1);font-weight:900}.asset-pill.secondary{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.1)}.asset-icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:900}.asset-icon.bnb{background:linear-gradient(135deg,#f3ba2f,#f59e0b);color:#080b18}.asset-icon.token{background:linear-gradient(135deg,var(--accent),var(--accent-green));color:#fff}.asset-symbol{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-link-button{border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}.swap-direction-button{position:relative;z-index:2;display:grid;place-items:center;width:38px;height:38px;margin:-17px auto;border:1px solid rgba(6,182,212,.36);border-radius:8px;background:var(--bg-secondary);color:var(--accent);font-size:20px;cursor:pointer}.swap-metrics,.trade-metric-grid,.trade-info-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.swap-metrics strong{font-size:14px}.swap-summary{gap:8px}.swap-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.swap-summary strong{max-width:58%;color:var(--text-secondary);font-size:13px;text-align:right}.swap-submit{min-height:52px}.trade-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trade-dashboard-grid>article{padding:16px}.trade-dashboard-grid small{display:block;margin-top:8px;color:var(--text-secondary);font-size:12px;line-height:1.35}.trade-ref-link{padding:14px;border:1px dashed rgba(6,182,212,.32);border-radius:8px;background:rgba(6,182,212,.075);color:var(--accent);font-size:13px;font-weight:800;overflow-wrap:anywhere}.trade-claim-panel strong,.trade-claim-box strong{color:var(--accent-gold);font-size:30px}.trade-tier-list{margin:0;padding:0;list-style:none}.trade-tier-list li,.trade-page .list-item,.trade-page .empty-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(8,11,24,.45)}.trade-tier-list strong,.trade-page .list-item strong{color:var(--text-primary);font-weight:800}.trade-tier-list span{color:var(--accent-gold);font-weight:900}.trade-page .empty-state{justify-content:center;color:var(--text-secondary);text-align:center}.trade-page canvas{display:block;width:100%;min-height:220px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(8,11,24,.55)}#toast.trade-toast{position:fixed;right:18px;bottom:calc(var(--bottom-nav-h) + 18px);z-index:1200;width:max-content;max-width:min(92vw,420px);padding:13px 16px;border:1px solid rgba(6,182,212,.32);border-radius:8px;background:rgba(13,18,37,.96);color:var(--text-primary);box-shadow:var(--shadow-card);transform:translateX(calc(100% + 32px));transition:transform var(--t-normal)}#toast.trade-toast.show{transform:translateX(0)}.wallet-launcher{position:fixed;inset:0;z-index:1250;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}.wallet-launcher[hidden]{display:none}.wallet-launcher-panel{display:grid;gap:14px;width:min(100%,440px);max-height:min(86vh,720px);padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);box-shadow:0 20px 64px rgba(0,0,0,.68)}.wallet-launcher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.wallet-launcher-head h2{margin-top:8px;font-size:20px;line-height:1.15;font-weight:800}.wallet-launcher .eyebrow{display:inline-flex;min-height:24px;padding:0 9px;border:1px solid rgba(6,182,212,.22);border-radius:999px;background:rgba(6,182,212,.09);color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.wallet-launcher-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(54vh,420px);overflow-y:auto}.wallet-launcher-button,.wallet-launcher-close{border:1px solid var(--border);border-radius:8px;background:rgba(8,11,24,.58);color:var(--text-secondary);font-weight:800;cursor:pointer}.wallet-launcher-button{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:12px;text-align:left}.wallet-launcher-button:hover,.wallet-launcher-button.is-detected,.wallet-launcher-button.is-connected{border-color:rgba(16,185,129,.36);background:rgba(16,185,129,.1);color:var(--accent-green)}.wallet-launcher-close{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px}
@media (max-width:1080px){.trade-swap-layout{grid-template-columns:minmax(320px,480px) minmax(280px,1fr)}.trade-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.trade-hero,.trade-hero-compact,.trade-swap-layout,.trade-two-col{grid-template-columns:1fr}.trade-swap-layout{align-items:stretch}}@media (max-width:560px){.trade-page{gap:12px}.trade-tabbar{gap:5px;padding:5px}.trade-tabbar a{min-height:38px;padding:0 5px;font-size:11px}.trade-hero,.trade-card{padding:14px}.swap-card{padding:0}.swap-card-head,.swap-tabs,.swap-form{padding-left:12px;padding-right:12px}.referral-gate{margin-left:12px;margin-right:12px}.trade-hero h1{font-size:25px}.trade-hero-compact p{display:none}.trade-hero-panel,.trade-dashboard-grid,.trade-metric-grid,.trade-info-strip,.swap-metrics{grid-template-columns:1fr}.trade-hero-compact .trade-hero-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-hero-compact .trade-hero-panel .btn{grid-column:1/-1}.swap-panel-body{grid-template-columns:1fr}.swap-panel-body input{min-height:46px;font-size:28px}.asset-pill{justify-content:center;width:100%;max-width:none}.swap-panel-actions,.swap-panel-foot,.swap-summary>div,.referral-code-row{display:grid;grid-template-columns:1fr;align-items:stretch}.swap-summary strong{max-width:none;text-align:left}.wallet-launcher-actions{grid-template-columns:1fr}#toast.trade-toast{left:12px;right:12px;width:auto;max-width:none}}