/* CLOB terminal first: contract-settled spot trades only, AMM remains optional. */
.qex-order-terminal{border:1px solid #284a3a;border-radius:14px;background:#081a14;overflow:hidden;box-shadow:0 18px 65px #0003;margin-bottom:20px}
.qex-order-top{padding:20px 23px;background:#0d251b;border-bottom:1px solid #264439;display:flex;gap:30px;align-items:center;justify-content:space-between}
.qex-order-eyebrow{color:#96d7aa;font-size:9px;font-weight:750;letter-spacing:.17em}
.qex-order-top h2{font-size:22px;font-weight:750;margin:5px 0 0;color:#f1fff0;letter-spacing:-.03em;white-space:nowrap}
.qex-order-top h2 span{color:#a2c3ad;font-size:16px}.qex-order-top h2 small{background:#263e2e;padding:5px 8px;border-radius:6px;color:#c9f6ac;font-size:9px;margin-left:8px;letter-spacing:.06em}
.qex-ticker{display:flex;gap:22px;align-items:center}.qex-ticker>div{display:flex;flex-direction:column;gap:4px;min-width:78px}
.qex-ticker small{color:#6f9680;font-size:10px;white-space:nowrap}.qex-ticker strong{color:#d4e9d5;font-size:16px;white-space:nowrap;font-weight:700}
.qex-ticker .qex-clob-status{border:1px solid #44614e;background:#1e3826;border-radius:9px;padding:10px 13px;max-width:190px}
.qex-clob-status i{display:inline-block;height:6px;width:6px;background:#ebc47d;border-radius:50%;margin-right:6px}.qex-clob-status b{font-size:10px;font-weight:650;color:#e5d8a5}.qex-clob-status small{font-size:9px;margin-left:12px}
.qex-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px 310px;min-height:645px}
.qex-candles{min-width:0;border-right:1px solid #274739;display:flex;flex-direction:column}
.qex-book{border-right:1px solid #274739;background:#0b1d17;min-width:0;display:flex;flex-direction:column}
.qex-order-entry{background:#0b2018;min-width:0;padding-bottom:14px}
.qex-order-section-heading{min-height:53px;padding:0 16px;border-bottom:1px solid #284335;display:flex;align-items:center;justify-content:space-between;gap:9px}
.qex-order-section-heading strong{font-size:13px;color:#e8f5e9;white-space:nowrap}
.qex-order-section-heading small{font-size:9px;font-weight:500;letter-spacing:.1em;color:#739983;margin-left:6px}
.qex-times{display:flex;gap:3px}.qex-times button,.qex-openorders button{background:transparent;color:#809e8c;border:0;border-radius:4px;padding:6px;font-size:11px}
.qex-times button.on,.qex-openorders button.on{color:#bfff93;background:#1c3b2a}
.qex-kline-container{position:relative;min-height:405px;flex:1;background:linear-gradient(180deg,#0c231c,#081a14);overflow:hidden}
.qex-kline-container::before{position:absolute;content:"";inset:0;background-image:linear-gradient(to right,#668e7217 1px,transparent 1px),linear-gradient(to bottom,#668e7217 1px,transparent 1px);background-size:11.11% 20%;pointer-events:none}
.qex-kline-container canvas{width:100%;height:100%;position:absolute;inset:0}
.qex-clob-empty-overlay{max-width:360px;position:absolute;inset:0;margin:auto;height:max-content;display:flex;align-items:center;flex-direction:column;text-align:center;padding:20px;gap:8px}
.qex-clob-empty-overlay span{font-size:46px;color:#7cbf94}.qex-clob-empty-overlay strong{font-size:15px;color:#d2efd0}
.qex-clob-empty-overlay p{font-size:11px;color:#769783;line-height:1.8;margin:0}
.qex-kline-footer{display:flex;justify-content:space-between;gap:8px;background:#0a1e16;border-top:1px solid #244333;padding:10px 14px;color:#6d927d;font-size:10px}
.qex-recent-trades{min-height:175px;border-top:1px solid #284839}
.qex-recent-trades .qex-order-section-heading{min-height:43px}
.qex-recent-trades .qex-order-section-heading>span{font-size:10px;color:#b8a97c}
.qex-book-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 13px;font-size:9px;color:#749683}
.qex-recent-trades .qex-book-columns{padding:9px 14px}
.qex-empty-line{color:#799783;font-size:11px;text-align:center;margin:0;padding:30px 11px;line-height:1.8}
.qex-book-asks,.qex-book-bids{flex:1;min-height:180px;display:flex;flex-direction:column;justify-content:center}
.qex-book-spread{display:flex;flex-direction:column;gap:2px;text-align:center;align-items:center;padding:13px;background:#152e23;border-block:1px solid #315641}
.qex-book-spread span{font-size:9px;color:#9fbdab}.qex-book-spread strong{font-size:22px;color:#d2f7bf}.qex-book-spread small{font-size:9px;color:#739882}
.qex-book-foot{text-align:center;color:#678b77;font-size:10px;line-height:1.8;padding:14px;border-top:1px solid #2a4836;background:#0c2118}
.qex-pill-muted{border:1px solid #49604f;color:#96bfa0;font-size:8px;padding:5px 7px;border-radius:4px;letter-spacing:.035em}
.qex-order-tabs,.qex-side-tabs{display:flex;gap:6px;margin:15px 14px 0}
.qex-order-tabs button{flex:1;border:1px solid #2c513d;border-radius:6px;background:#132d20;color:#a2c3ab;padding:11px 7px;font-size:12px}
.qex-order-tabs button.on{background:#285138;color:#d5ffbf;border-color:#57896b}
.qex-side-tabs button{flex:1;border:0;border-bottom:2px solid #426250;padding:11px 4px;background:#122b20;color:#99b5a5;font-weight:670;font-size:12px}
.qex-side-tabs .buy.on{border-color:#57d1a2;color:#8ce9bf}.qex-side-tabs .sell.on{border-color:#e39386;color:#ffc4b5}
.qex-order-field{display:flex;flex-direction:column;gap:8px;margin:17px 14px 0;font-size:11px;color:#8db09d}
.qex-order-field input{width:100%;background:#153026;border:1px solid #33533f;border-radius:7px;padding:12px 13px;color:#e8f2e5;outline:none;font-size:15px}
.qex-order-field input:disabled{opacity:.72;cursor:not-allowed}
.qex-order-estimate{display:flex;justify-content:space-between;padding:23px 14px 15px;font-size:12px}.qex-order-estimate span{color:#719782}
.qex-place-disabled{width:calc(100% - 28px);margin:0 14px;border:0;border-radius:7px;padding:15px 12px;background:#405848;color:#dce9d7;font-size:12px;font-weight:700}
.qex-order-warning{color:#b4a58e;font-size:10px;line-height:1.8;margin:14px}
.qex-order-wallet-link{display:block;text-align:center;font-size:11px;color:#b5e6a7;margin:16px}
.qex-openorders{border-top:1px solid #315342;background:#0a1c15}
.qex-openorders .qex-order-section-heading{min-height:54px}
.qex-openorders .qex-book-columns{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:10px 25px}
.qex-empty-orders{text-align:center;color:#799b81;font-size:11px;padding:30px 15px 37px;border-top:1px solid #203b2f}
.qex-amm-details{margin-top:25px}
.qex-amm-details>summary{border:1px solid #345743;border-radius:10px;background:#102a1e;color:#cbe6cc;font-weight:710;font-size:14px;padding:20px;cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none}
.qex-amm-details>summary::-webkit-details-marker{display:none}
.qex-amm-details>summary span{color:#bdf6a2;font-size:25px}
.qex-amm-details>summary small{color:#8fb09e;font-size:11px;font-weight:450;margin-left:auto}
.qex-amm-details>summary b{font-size:10px;color:#b8e1ae;white-space:nowrap}
.qex-amm-details .qex-terminal{margin-top:15px}
.qex-book-level{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 13px;font-size:11px;position:relative;gap:4px}
.qex-book-level>span{position:relative;z-index:1}.qex-book-level>span:nth-child(n+2){text-align:right}
.qex-book-level .depth{position:absolute;right:0;inset-block:0;background:#446d4220;max-width:100%}
.qex-book-level.ask>span:first-child{color:#f09e95}
.qex-book-level.bid>span:first-child{color:#8adcb1}
.qex-candle-chart-tooltip{position:absolute;pointer-events:none}
@media(max-width:1370px){.qex-order-layout{grid-template-columns:minmax(0,1fr) 235px 278px}.qex-ticker{gap:12px}.qex-ticker>div{min-width:70px}}
@media(max-width:1070px){.qex-order-top{display:block}.qex-ticker{margin-top:14px;overflow-x:auto}.qex-order-layout{grid-template-columns:minmax(0,1fr) 260px}.qex-order-entry{grid-column:1/-1;border-top:1px solid #284839;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 15px;align-items:end}.qex-order-entry .qex-order-section-heading{grid-column:1/-1;margin:0 -12px}.qex-order-entry .qex-order-warning,.qex-order-entry .qex-order-wallet-link{grid-column:1/-1}}
@media(max-width:720px){.qex-order-top{padding:16px}.qex-order-layout{display:block}.qex-candles{border-right:0}.qex-kline-container{min-height:330px}.qex-book{border-top:1px solid #284839;border-right:0}.qex-book-asks,.qex-book-bids{min-height:100px}.qex-order-entry{display:block}.qex-openorders .qex-book-columns{overflow:auto;white-space:nowrap;grid-template-columns:repeat(7,minmax(90px,1fr))}.qex-amm-details>summary{flex-wrap:wrap}.qex-amm-details>summary small{margin:0}.qex-kline-footer{font-size:9px}}

.qex-clob-empty-overlay[hidden]{display:none}
