.exchange-hub{display:grid;gap:1.4rem;min-width:0}.exchange-hub [hidden]{display:none!important}.exchange-heading h1{margin:.3rem 0}.exchange-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.exchange-tabs [aria-selected=true]{background:rgba(147,106,255,.2);border-color:#ab8bff;color:#eee7ff}.exchange-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:1.2rem;align-items:start}.exchange-catalog,.exchange-panel{border:1px solid #30283e;border-radius:18px;background:linear-gradient(145deg,rgba(24,18,39,.93),rgba(12,10,23,.96));padding:1.2rem;min-width:0}.exchange-catalog{display:grid;gap:.8rem}.exchange-catalog h2,.exchange-panel h2{margin:0 0 .7rem}.exchange-hub .field{display:grid;gap:.4rem;min-width:0}.exchange-hub input:not([type=checkbox]),.exchange-hub select{box-sizing:border-box;width:100%;min-width:0;padding:.75rem;border:1px solid #463752;background:#110d1c;border-radius:10px;color:#f3efff;font:inherit}.exchange-hub input:focus-visible,.exchange-hub select:focus-visible,.exchange-hub button:focus-visible,.exchange-table-scroll:focus-visible{outline:2px solid #ab8bff;outline-offset:3px}.exchange-adapter-list{display:grid;gap:.5rem;max-height:470px;overflow:auto;padding:.2rem}.exchange-hub .exchange-adapter{display:grid;gap:.3rem;text-align:left;padding:.75rem;width:100%;border:1px solid #33263f;background:#151020;border-radius:12px;white-space:normal}.exchange-adapter[aria-pressed=true]{border-color:#a184e5;background:#271b3d}.exchange-adapter-title{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.exchange-adapter-title small,.exchange-adapter-status{font-size:.7rem;color:#b3a7c9;font-weight:400}.exchange-notice{color:#b4a8c8;font-size:.82rem;line-height:1.55;margin:.65rem 0}.exchange-main{min-width:0}.exchange-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.exchange-market-form,.exchange-credential-form{display:grid;gap:.9rem}.exchange-market-form>.button,.exchange-credential-form>.button{justify-self:start}.exchange-ticker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.exchange-ticker>div{padding:.8rem;border:1px solid #31233f;border-radius:12px;background:#120e1d}.exchange-ticker dt{font-size:.72rem;color:#b6a9cb}.exchange-ticker dd{font-size:1.15rem;margin:.35rem 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#eee8ff}.exchange-chart{width:100%;min-width:0;min-height:370px;margin:1rem 0}.exchange-chart-surface{height:340px;width:100%}.exchange-chart-credit{display:block;font-size:10px;text-align:center;padding:.6rem;color:#b6a9cb}.exchange-table-scroll{overflow:auto;max-width:100%;border:1px solid #31263e;border-radius:12px;margin:.8rem 0}.exchange-table{width:100%;border-collapse:collapse;font-size:.78rem;white-space:nowrap}.exchange-table th,.exchange-table td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid #292032}.exchange-table th{color:#d6c5f4;font-weight:500;background:#1a1226}.exchange-table td{font-variant-numeric:tabular-nums;color:#c7badc}.exchange-candle-details summary{cursor:pointer;font-size:.8rem;color:#c4b0e2}.exchange-consent{display:flex;align-items:flex-start;gap:.7rem;font-size:.82rem;line-height:1.6;color:#cbbdde}.exchange-consent input{flex-shrink:0;margin-top:.35rem;accent-color:#a586ed}.exchange-connections{display:grid;gap:.9rem;margin-top:1rem}.exchange-connection{padding:1rem;border:1px solid #332741;border-radius:14px;background:#120d1e}.exchange-connection h3{margin:0}.exchange-actions{display:flex;flex-wrap:wrap;gap:.5rem}.exchange-hub .button:disabled{opacity:.45;cursor:not-allowed}.exchange-data-panel{margin-top:1.2rem}.exchange-data-panel h3{margin-bottom:.4rem}.exchange-hub .subtle{font-size:.76rem;line-height:1.6;overflow-wrap:anywhere}@media(max-width:1000px){.exchange-layout{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.exchange-ticker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.exchange-layout{grid-template-columns:1fr}.exchange-adapter-list{max-height:220px}.exchange-form-row{grid-template-columns:1fr}.exchange-catalog,.exchange-panel{padding:1rem}.exchange-tabs>.button{flex:1}.exchange-chart{min-height:360px}.exchange-adapter-title{justify-content:flex-start}}
.exchange-hub .exchange-adapter{color:#eee7ff}