/* Citrus: charcoal chart, teal discovery, warm ivory order entry. */
:root{--bg:#131920;--panel:#20262e;--panel2:#2b363c;--line:#3b4b50;--text:#f4f3e9;--muted:#b8c7cc;--accent:#efd47d;--green:#83d5b8;--red:#ff9eaa;--amber:#efd47d;--radius:9px;--control-radius:5px}
.header{border:0;background:#1b272e}.wordmark,.wordmark span{color:#efd47d}.header .nav.active{color:#efd47d;border-color:#efd47d}.header .nav:hover{color:#fff3c7}
.disclosure{background:#233536;border:0;color:#cedbd3}.disclosure strong{color:#f2d77c}.disclosure-icon{color:#efd47d}footer{background:#17272c;border:0}
.panel{border:0}.terminal{gap:10px}.discovery{gap:10px}.discovery .panel{background:#253d40}.discovery .section-heading{border:0}.discovery h2{color:#efd47d}.discovery .search{background:#1d3336;border-color:transparent}.discovery .select-trigger{background:#1d3336;border-color:transparent}
.rail-row{border:0;border-radius:5px;margin:2px 6px;width:calc(100% - 12px)}.rail-row.selected{background:#385154;box-shadow:none;border:0}.rail-row:hover{background:#304a4d}
.chart-panel,.account-panel{border:0}.market-header,.market-strip,.chart-footer{border:0}.market-header{background:#202e35}.ticker-button{border:0;background:#2f4247;border-radius:5px}.ticker-button:hover{background:#405459}.chart-footer{background:#202e35}
.account-panel{background:#203334}.account-tabs{background:#253b3e;border:0}.account-tabs button.active{color:#efd47d;border-color:#efd47d}.account-content thead{background:#203334}.account-content td,.account-content th{border-color:#314a4a}.trade-column{gap:10px}
.ticket{color-scheme:light;--panel:#f2edda;--panel2:#e1e3d9;--text:#253b36;--muted:#51605b;--line:#c7cebf;--accent:#27674f;--green:#23664e;--red:#ac394c;--amber:#795622;background:var(--panel);color:var(--text);border:0}
.ticket .execution-benefits{background:#e2e9d9;border:0;color:#385a49}.ticket .execution-benefits>div{color:#385a49}.ticket .execution-benefits strong{color:#23664e}
.ticket .side-toggle{background:#dfe3d7}.ticket .side-toggle button:hover{color:#253b36;background:#d0dacb}.ticket .side-toggle #long.active,.ticket .side-toggle #short.active{color:#fff}
.ticket .amount-input{background:#fffdf3;border:1px solid #bdc8b9}.ticket .amount-input:focus-within{border-color:#27674f}.ticket .amount-input input{color:#253b36}.ticket .quick-amounts button{border:0;background:#e1e3d9}.ticket .quick-amounts button:hover{background:#ccd8c8;color:#253b36}
.ticket .primary{color:white;background:#23664e}.ticket .primary.short{background:#ac394c}.ticket .primary:disabled{opacity:1;background:#dce1d2;color:#536456;cursor:not-allowed}.ticket .error{color:#9e2e42}.ticket .positive{color:#23664e}.ticket .negative{color:#ac394c}
.ticket .order-details{border-top:1px solid #ccd2c2}.ticket .order-details dt{color:#51605b}.ticket .order-details dd{color:#253b36}.pool-mini{background:#253d40}
.precision-rail{height:32px;margin:2px 0}.precision-rail input[type=range]{position:relative;inset:auto;display:block;appearance:none;-webkit-appearance:none;height:32px;margin:0;background:transparent;--rail-fill:25%}
.precision-rail input::-webkit-slider-runnable-track{height:4px;border-radius:0;background:linear-gradient(to right,var(--accent) var(--rail-fill),#bdcbbb var(--rail-fill))}
.precision-rail input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:21px;margin-top:-8.5px;border:2px solid var(--panel);border-radius:3px;background:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:ew-resize}
.precision-rail input::-moz-range-track{height:4px;background:#bdcbbb}.precision-rail input::-moz-range-progress{height:4px;background:var(--accent)}.precision-rail input::-moz-range-thumb{width:10px;height:18px;border:2px solid var(--panel);border-radius:3px;background:var(--accent);cursor:ew-resize}
.precision-rail input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.precision-rail input:disabled{opacity:.45}
@media(min-width:761px){body[data-view=trade] main{padding:10px}.trade-column{gap:10px}}
@media(min-width:761px) and (max-height:650px){body[data-view=trade] main{padding:6px}.terminal{gap:6px}}
@media(max-width:760px){.terminal{gap:10px}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:88px}.header nav{grid-column:1/-1;grid-row:2}.header-right{width:auto;margin-left:0}.header-right .custom-select:not([hidden]){position:absolute;top:100px;right:12px;width:110px;z-index:40}.header:has(.header-right .custom-select:not([hidden]))+.disclosure{padding-bottom:36px}.wallet-trigger{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}