/* Show each configured trading pair with its own quote and tick loss. */
.trading-pairs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(140px, 1fr); gap: 12px; min-width: 0; overflow-x: auto; }
.trading-pair-info { display: grid; align-content: start; gap: 2px; min-width: 0; }
.trading-pair-info + .trading-pair-info { border-left: 1px solid rgba(54, 62, 78, 0.88); padding-left: 12px; }
.trading-pair-symbol { color: rgb(190, 198, 212); font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.hero-metric.trading-info .metric-highlight { flex-direction: column; align-items: flex-start; gap: 2px; white-space: nowrap; padding: 4px 8px; font-size: 9px; }

/* Earn leaderboards omit the trading-info card, so the board keeps three columns. */
.competition-metrics-board.without-trading-info { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .competition-metrics-board.without-trading-info { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .competition-metrics-board.without-trading-info { grid-template-columns: 1fr; }
}

.top-nav .account-strip > .account-guest-login { background: #f2cd45; color: #191c22; border: 1px solid #f2cd45; border-radius: 10px; padding: 8px 16px; font-weight: 700; white-space: nowrap; }

.account-dialog .account-actions > .account-register-button { background: #203e60; border-color: #527fb1; color: #d9ebff; font-weight: 700; }
.account-dialog .account-actions > .account-register-button:hover:not(:disabled) { background: #2b5078; border-color: #79a7db; }

.app-select-option > span { display: inline-flex; align-items: center; gap: 10px; }
.app-select-checkbox { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #718095; border-radius: 4px; background: #10161e; color: #171b21; font-size: 12px; font-weight: 800; line-height: 1; }
.app-select-checkbox.checked { border-color: #f9cf30; background: #f9cf30; }
.app-select-option:disabled .app-select-checkbox { opacity: .5; }

:is(#root,dialog) .nc-actions button[data-action=copy]{--action-color:#8cbeff;--action-background:rgba(85,155,245,.08);--action-border:rgba(85,155,245,.2);color:var(--action-color);background:var(--action-background);border:1px solid var(--action-border);border-radius:7px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}
:is(#root,dialog) .nc-actions button[data-action=copy]:hover:not(:disabled){border-color:currentColor;filter:brightness(1.2)}

:is(#root,dialog) .nc-actions button.channel-toggle-button{display:inline-flex;align-items:center;justify-content:flex-start;width:44px;min-width:44px;height:26px;min-height:26px;padding:3px;border:1px solid #526074;border-radius:999px;background:#303a48;color:#e7ecf3;cursor:pointer;transition:background .15s,border-color .15s}
:is(#root,dialog) .nc-actions button.channel-toggle-button[aria-checked=true]{background:#35b879;border-color:#35b879}
.channel-toggle-thumb{display:block;width:18px;height:18px;border-radius:50%;background:#e7ecf3;box-shadow:0 1px 3px #0005;transition:transform .15s}
.channel-toggle-button[aria-checked=true] .channel-toggle-thumb{transform:translateX(18px);background:#191e26}
:is(#root,dialog) .nc-actions button.channel-toggle-button:hover:not(:disabled){background:#3d495b;border-color:#8291a6;filter:none}
:is(#root,dialog) .nc-actions button.channel-toggle-button[aria-checked=true]:hover:not(:disabled){background:#47cb8b;border-color:#47cb8b}
:is(#root,dialog) .nc-actions button.channel-toggle-button:focus-visible{outline:2px solid #f9cf30;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.channel-toggle-thumb,:is(#root,dialog) .nc-actions button.channel-toggle-button{transition:none}}

.nc-channels .nc-actions{align-items:center}