.arb-drawer{width:min(720px,100vw)}
.arb-execution{margin:12px 0;padding:13px;border:1px solid #2a3040;border-radius:12px;background:linear-gradient(145deg,#121720,#0d1118)}
.arb-execution-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.arb-execution-head strong,.arb-execution-head span{display:block}.arb-execution-head strong{font-size:11px}.arb-execution-head span{font-size:8px;color:#727b8b;margin-top:3px}.arb-execution-head>b{font-size:7px;letter-spacing:.08em;padding:4px 7px;border-radius:7px;color:#e9ae55;background:rgba(233,174,85,.1);border:1px solid rgba(233,174,85,.2)}.arb-execution-head>b.ready{color:#2bd98a;background:rgba(43,217,138,.08);border-color:rgba(43,217,138,.2)}.arb-execution-head>b.error{color:#ef6c7d;background:rgba(239,108,125,.08);border-color:rgba(239,108,125,.2)}
.arb-volume-input{height:42px;display:flex;align-items:center;padding:0 12px;border:1px solid #343b4b;border-radius:9px;background:#090c11}.arb-volume-input span{font-size:16px;color:#7552d7;font-weight:700}.arb-volume-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f0f2f7;font:700 17px Inter;padding:0 6px}.arb-volume-input em{font-size:9px;color:#697283;font-style:normal;font-weight:700}
.arb-volume-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}.arb-volume-presets button{height:28px;border:1px solid #2c3341;border-radius:7px;background:#151a23;color:#8f97a5;font:600 9px Inter;cursor:pointer}.arb-volume-presets button.on{border-color:#7c53e7;color:#c5afff;background:rgba(124,83,231,.15)}
.arb-safe-volume{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arb-safe-volume>div{padding:9px 10px;border:1px solid #252c38;border-radius:8px;background:#0c1016}.arb-safe-volume span,.arb-safe-volume strong{display:block}.arb-safe-volume span{font-size:7px;color:#697282;text-transform:uppercase;letter-spacing:.05em}.arb-safe-volume strong{font-size:14px;color:#a88aff;margin-top:4px}.arb-safe-volume select{width:100%;margin-top:3px;background:transparent;border:0;color:#e2e5eb;font:700 13px Inter;outline:0}.arb-safe-volume option{background:#151923}
.arb-depth-meter{height:5px;border-radius:4px;background:#252b35;margin:10px 0;position:relative;overflow:visible}.arb-depth-meter span{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#6542d4,#2bd98a);transition:width .25s}.arb-depth-meter i{position:absolute;width:2px;height:11px;top:-3px;left:0;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff;transition:left .25s}
.arb-depth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.arb-depth-grid>div{padding:8px;border-radius:8px;background:#0b0e14;border:1px solid #222934}.arb-depth-grid span,.arb-depth-grid strong,.arb-depth-grid small{display:block}.arb-depth-grid span{font-size:7px;color:#6b7484;text-transform:uppercase}.arb-depth-grid strong{font-size:11px;margin:5px 0 3px}.arb-depth-grid small{font-size:7px;color:#747d8d}.arb-depth-grid>div:nth-child(3) strong,.arb-depth-grid>div:nth-child(4) strong{color:#2bd98a}
.arb-detail-chart{margin:12px 0;padding:0;overflow:hidden;background:#090c11;border-color:#29303d}.arb-chart-toolbar{display:flex!important;align-items:center;justify-content:space-between!important;gap:12px;padding:10px 12px;border-bottom:1px solid #222936;background:#0e1219}.arb-chart-tabs,.arb-chart-tfs,.arb-chart-modes{display:flex;gap:3px}.arb-chart-tabs button,.arb-chart-tfs button,.arb-chart-modes button{border:1px solid transparent;border-radius:6px;background:transparent;color:#70798a;padding:5px 8px;font:700 8px Inter;cursor:pointer}.arb-chart-tabs button{padding:6px 11px}.arb-chart-tabs button.on,.arb-chart-tfs button.on,.arb-chart-modes button.on{color:#d5c8ff;border-color:#6845c4;background:rgba(104,69,196,.16)}.arb-chart-modes button:disabled{opacity:.35;cursor:not-allowed}.arb-chart-heading{display:flex!important;align-items:center;justify-content:space-between!important;padding:12px 13px 2px}.arb-chart-heading span,.arb-chart-heading strong{display:block}.arb-chart-heading span{font-size:7px;color:#626b7b;letter-spacing:.1em}.arb-chart-heading strong{font-size:12px;margin-top:4px;color:#e9ecf2}.arb-chart-heading>b{padding:4px 7px;border:1px solid rgba(43,217,138,.26);border-radius:6px;color:#2bd98a;background:rgba(43,217,138,.07);font-size:7px;letter-spacing:.08em}.arb-chart-heading>b.indicative{color:#e2a752;border-color:rgba(226,167,82,.26);background:rgba(226,167,82,.07)}.arb-chart-legend{display:flex!important;align-items:center;flex-wrap:wrap;gap:14px;padding:8px 13px 4px;font-size:8px;color:#717b8c}.arb-chart-legend span{display:flex;align-items:center;gap:5px}.arb-chart-legend i{width:12px;height:2px;border-radius:2px;background:#8b5cf6}.arb-chart-legend i.funding{width:5px;height:5px;border-radius:50%;background:#8b5cf6}.arb-chart-legend b{color:#dce1e9}.arb-chart-legend .arb-chart-now{margin-left:auto}.arb-chart-stage{position:relative;display:block!important}.arb-detail-chart canvas{display:block;width:100%;height:286px;margin:0}.arb-chart-bottom{display:flex!important;align-items:center;justify-content:space-between!important;gap:10px;padding:9px 12px;border-top:1px solid #202631;background:#0d1117}.arb-chart-stats{display:flex;align-items:center;gap:16px}.arb-chart-stats span{font-size:7px;color:#606a79;letter-spacing:.05em}.arb-chart-stats b{margin-left:4px;color:#cbd1dc;font-size:8px}.arb-chart-modes button{padding:4px 7px}.arb-chart-modes button[data-spread-mode="volume"]{color:#9b82e7}.arb-chart-empty{inset:0!important;background:rgba(9,12,17,.82)}
.arb-chart-empty[hidden],.arb-chart-modes[hidden]{display:none!important}
@media(max-width:700px){.arb-depth-grid{grid-template-columns:1fr 1fr}.arb-safe-volume{grid-template-columns:1fr}.arb-chart-toolbar{flex-wrap:wrap}.arb-chart-tabs{width:100%}.arb-chart-legend .arb-chart-now{margin-left:0}.arb-chart-bottom{align-items:flex-start!important;flex-direction:column}.arb-chart-stats{width:100%;justify-content:space-between;gap:5px}.arb-volume-presets button{padding:0 2px}.arb-drawer{padding:12px}}

/* The timestamp is the only feed-state signal; keep it quiet and readable. */
.arb-freshness{align-self:flex-end;padding:0 2px 2px;color:#687181;font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.arb-dex-table tbody tr[data-dex-id]{cursor:pointer}.arb-dex-table tbody tr[data-dex-id]:focus-visible{outline:1px solid #7650dc;outline-offset:-2px;background:#151a25}

/* Contract-safe CEX ↔ DEX board. The address is visually primary because it is
   the identity boundary; a symbol match alone is deliberately never rendered. */
.arb-dex-table{min-width:1260px}.arb-dex-route{display:grid;grid-template-columns:auto 18px auto;align-items:center;justify-content:start;gap:6px}.arb-dex-route>i{color:#8565e6;font-style:normal;text-align:center}.arb-dex-route>small{grid-column:1/-1;color:#697386;font-size:7px;letter-spacing:.03em}.arb-chain-badge{display:inline-flex;padding:4px 7px;border:1px solid rgba(91,139,255,.32);border-radius:6px;background:rgba(91,139,255,.09);color:#9db9ff;font:700 8px Inter}.arb-dex-source{display:block;margin-top:5px;color:#737d8f;font-size:7px}.arb-contract{display:flex;align-items:center;gap:6px;color:#b8c0ce;text-decoration:none;font:600 8px ui-monospace,SFMono-Regular,Consolas,monospace}.arb-contract>b{padding:3px 5px;border:1px solid rgba(43,217,138,.34);border-radius:5px;background:rgba(43,217,138,.08);color:#2bd98a;font:800 7px Inter;letter-spacing:.06em}.arb-contract:hover{color:#fff}.arb-modes button[data-arb-mode="dex"] b{background:rgba(43,217,138,.16);color:#5ee9ad}.arb-chart-stats{flex-wrap:wrap}.arb-chart-stats span:nth-child(4) b{color:#58dda1}.arb-chart-stats span:nth-child(5) b{color:#91a0b7}

.arb-transfer-card{margin:12px 0;padding:12px;border:1px solid #29303c;border-radius:11px;background:linear-gradient(145deg,#111720,#0b0f15)}.arb-transfer-card>header{display:flex;align-items:center;justify-content:space-between}.arb-transfer-card>header span,.arb-transfer-card>header strong{display:block}.arb-transfer-card>header span{font-size:7px;color:#6e7787;letter-spacing:.08em}.arb-transfer-card>header strong{margin-top:5px;font-size:11px}.arb-transfer-card>header>b{padding:4px 7px;border:1px solid #323946;border-radius:6px;color:#7a8392;font-size:7px}.arb-transfer-card>header>b.open{color:#29d688;border-color:rgba(41,214,136,.3);background:rgba(41,214,136,.08)}.arb-transfer-card>header>b.closed{color:#ef6378;border-color:rgba(239,99,120,.3);background:rgba(239,99,120,.08)}.arb-transfer-route{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:7px;margin:10px 0 7px}.arb-transfer-route>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:8px;border:1px solid #242b36;border-radius:8px;background:#0a0e14}.arb-transfer-route img{width:16px;height:16px}.arb-transfer-route strong{font-size:9px}.arb-transfer-route>i{text-align:center;color:#7650dc;font-style:normal}.arb-transfer-card>small{display:block;color:#626b7b;font-size:7px;line-height:1.45}.arb-chart-legend .buy-leg{display:inline-block;width:13px;height:3px;border-radius:2px;background:#2bd98a}.arb-chart-legend .sell-leg{display:inline-block;width:13px;height:3px;border-radius:2px;background:#ef647a}.arb-chart-legend #arb-chart-buy-label{color:#2bd98a}.arb-chart-legend #arb-chart-sell-label{color:#ef647a}