/* Direction is shown by labels/arrows as well as hue. Other app surfaces remain neutral. */
.term{--term-green:var(--ax-trade-up-light);--term-red:var(--ax-trade-down-light);--term-bid-bg:var(--ax-trade-up-wash);--term-ask-bg:var(--ax-trade-down-wash)}
.term.term-dark{--term-green:var(--ax-trade-up-dark);--term-red:var(--ax-trade-down-dark)}
.term .term-green,.term-dark .term-green{background:var(--ax-trade-up)!important;color:var(--ax-trade-on-up)!important}
.term .term-red,.term-dark .term-red{background:var(--ax-trade-down)!important;color:var(--ax-trade-on-down)!important}
.term-side button:first-child{color:var(--term-green)}.term-side button:last-child{color:var(--term-red)}
.term-side .term-buy-active{background:var(--term-bid-bg)!important;color:var(--term-green)!important}.term-side .term-sell-active{background:var(--term-ask-bg)!important;color:var(--term-red)!important}
.term-header-price:has(.term-up)>span{color:var(--term-green)}.term-header-price:has(.term-down)>span{color:var(--term-red)}
.ax-chart .ax-up{color:var(--ax-trade-up-dark)}.ax-chart .ax-down{color:var(--ax-trade-down-dark)}
.ax-chart.ax-light .ax-up{color:var(--ax-trade-up-light)}.ax-chart.ax-light .ax-down{color:var(--ax-trade-down-light)}
.ax-chart:not(.ax-light) .ax-up,.term-dark .ax-up,[class~="text-white"] .ax-up{color:var(--ax-trade-up-dark)}
.ax-chart:not(.ax-light) .ax-down,.term-dark .ax-down,[class~="text-white"] .ax-down{color:var(--ax-trade-down-dark)}
.crypto-direction-up{color:var(--ax-trade-up-light)}.crypto-direction-down{color:var(--ax-trade-down-light)}
[class~="text-white"] .crypto-direction-up{color:var(--ax-trade-up-dark)}[class~="text-white"] .crypto-direction-down{color:var(--ax-trade-down-dark)}
[data-app-main] table [class~="text-emerald-400"],[data-app-main] table [class~="text-emerald-500"]{color:var(--ax-trade-up-light)!important}
[data-app-main] table [class~="text-rose-400"],[data-app-main] table [class~="text-rose-500"]{color:var(--ax-trade-down-light)!important}
[class~="text-white"] table [class~="text-emerald-400"],[class~="text-white"] table [class~="text-emerald-500"]{color:var(--ax-trade-up-dark)!important}
[class~="text-white"] table [class~="text-rose-400"],[class~="text-white"] table [class~="text-rose-500"]{color:var(--ax-trade-down-dark)!important}
.ad-up{color:var(--ax-trade-up-light)!important}.ad-down{color:var(--ax-trade-down-light)!important}.ad-dark .ad-up{color:var(--ax-trade-up-dark)!important}.ad-dark .ad-down{color:var(--ax-trade-down-dark)!important}
.ax-trade-color-open{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:34px!important;padding:7px 10px!important;border:1px solid #8886!important;border-radius:8px!important;background:transparent;white-space:nowrap;font:inherit;font-size:11px!important;color:inherit;cursor:pointer}
.ax-trade-color-open:focus-visible,.ax-trade-color-dialog :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ax-trade-color-dots{display:inline-flex;width:24px;height:13px;border-radius:20px;background:linear-gradient(90deg,var(--ax-trade-up) 0 48%,transparent 48% 52%,var(--ax-trade-down) 52% 100%);flex-shrink:0}
.ax-trade-color-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #4a4a4a;border-radius:20px;background:#171717;color:#f5f5f5;font:14px system-ui,sans-serif;box-shadow:0 24px 80px #0009;z-index:2147483000;color-scheme:dark}
.ax-trade-color-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.ax-trade-color-dialog *{box-sizing:border-box}.ax-trade-color-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ax-trade-color-dialog h2{font-size:23px;line-height:1.3;margin:5px 0 0;font-weight:700}.ax-color-eyebrow{font-size:10px;letter-spacing:.18em;color:#adadad;margin:0}.ax-trade-color-dialog button{font:inherit;color:inherit;background:#252525;border:1px solid #555;border-radius:9px;padding:10px 12px;cursor:pointer;line-height:1.3}.ax-trade-color-dialog [data-close]{font-size:24px;padding:3px 12px}.ax-color-description{font-size:12px;color:#bdbdbd;line-height:1.6;margin:16px 0}.ax-color-presets{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.ax-color-presets button{font-size:12px;flex:1}.ax-color-presets [aria-pressed=true]{border-color:#ededed;background:#3b3b3b}
.ax-color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ax-color-pickers label>span{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.ax-color-pickers label>div{display:flex;align-items:center;background:#252525;border:1px solid #555;border-radius:10px;min-width:0;padding:6px;gap:8px}.ax-color-pickers input[type=color]{width:42px;height:38px;background:transparent;padding:0;border:0;flex-shrink:0;cursor:pointer;accent-color:initial}.ax-color-pickers input[type=text]{width:100%;min-width:0;background:transparent;color:#f5f5f5;border:0;font:13px ui-monospace,monospace;padding:5px}
.ax-color-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.ax-color-preview>div{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #444;border-radius:12px;font-variant-numeric:tabular-nums}.ax-color-preview [data-preview=up] span{color:var(--ax-trade-up-dark)}.ax-color-preview [data-preview=down] span{color:var(--ax-trade-down-dark)}.ax-color-preview b{display:block;padding:11px 5px;text-align:center;border-radius:8px;font-size:12px;background:var(--ax-trade-up);color:var(--ax-trade-on-up)}.ax-color-preview [data-preview=down] b{background:var(--ax-trade-down);color:var(--ax-trade-on-down)}
.ax-color-error{font-size:12px;line-height:1.5;min-height:18px;color:#f5f5f5}.ax-trade-color-dialog footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.ax-trade-color-dialog footer>span{flex:1}.ax-trade-color-dialog footer button{font-size:12px}.ax-trade-color-dialog .ax-color-save{background:#f0f0f0;border-color:#f0f0f0;color:#171717;font-weight:650}
@media(max-width:380px){.ax-trade-color-dialog{padding:17px}.ax-color-pickers,.ax-color-preview{gap:9px}.ax-color-pickers input[type=color]{width:30px}.ax-trade-color-dialog footer>span{display:none}.ax-trade-color-dialog footer button{flex:1;padding:10px 6px}}