/* Product order book: open orders, exact whole-lot amounts, one deliberate action. */
.market-view [hidden]{display:none!important}
.market-view .platform-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px}
.market-view .gate-note{margin-top:18px}
.market-view .gate-note p{font-size:12px;color:#a3aa98;line-height:1.6}
.market-order-tabs{display:flex;align-items:center;gap:34px;margin:0 0 28px}
.market-order-tabs>button{position:relative;min-height:44px;padding:9px 0 14px;border:0;background:transparent;font:inherit;font-size:14px;color:#a3aa98;cursor:pointer}
.market-order-tabs>button[aria-selected=true]{color:var(--paper)}
.market-order-tabs>button[aria-selected=true]::after{content:'';position:absolute;bottom:1px;left:0;width:24px;height:2px;background:var(--yellow)}
.market-view .market-book{margin-bottom:0}
.market-view .market-book-heading{gap:24px;align-items:center}
.market-view .market-book-heading h2{font-size:21px;font-weight:500;letter-spacing:-.02em}
.market-create-button{min-height:44px;padding:12px 19px;border:1px solid #8b7529;border-radius:7px;background:transparent;color:#f0ca51;font:inherit;font-size:12px;cursor:pointer}
.market-create-button:not(:disabled):hover{background:#252719}
.market-view .market-book>.workspace-caption{font-size:12px;margin:10px 0 24px;color:#a3aa98}
.market-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.market-order{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #34372a;border-radius:14px;background:#0d100c}
.market-order-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.market-order-heading h3{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0;color:#eceee3;overflow-wrap:anywhere}
.market-order-heading>span{font-size:10px;line-height:1.5;color:#a3aa98;text-align:right;overflow-wrap:anywhere}
.market-order-data{display:grid;grid-template-columns:.8fr 1.5fr;gap:18px;align-items:end;margin:26px 0;font-variant-numeric:tabular-nums}
.market-order-data>div{display:grid;grid-template-rows:auto 1fr;gap:8px;align-items:end;min-width:0}
.market-order-data dt{font-size:11px;line-height:1.5;color:#a3aa98}
.market-order-data dd{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0;overflow-wrap:anywhere;color:#e3e6d7}
.market-order-data>div:last-child dd{font-size:18px;line-height:1.55;color:#f0ca51}
.market-order-counterparty{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:23px;font-size:11px;line-height:1.5;color:#a3aa98}
.market-order-address{min-height:36px;padding:6px 0;border:0;background:transparent;color:#dbdfce;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-decoration-color:#646a54;text-underline-offset:4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.market-address-feedback{font-size:10px;color:#cbbf88}
.market-order-action{min-height:44px;margin-top:auto;padding:12px 15px;border:1px solid var(--yellow);border-radius:7px;background:var(--yellow);color:#181b11;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.market-order-action:not(:disabled):hover{background:#ffd34a}
.market-order-action[data-own-order=true]{background:transparent;border-color:#665c38;color:#eadb9e}
.market-order-action[data-own-order=true]:not(:disabled):hover{background:#252719}
.market-order-action:disabled,.market-create-button:disabled{opacity:.4;cursor:not-allowed}
.market-order-reason{font-size:11px;line-height:1.7;color:#b1ac96;margin:12px 0 0}
.market-page-note{grid-column:1/-1;font-size:11px;color:#a3aa98;line-height:1.8;margin:0}
.market-orders-state{grid-column:1/-1;padding:40px 0 54px;min-width:0}
.market-orders-state h3{font-size:26px;line-height:1.35;font-weight:500;letter-spacing:-.025em;color:#e1e4d6;margin:0 0 12px}
.market-orders-state p{font-size:13px;line-height:1.8;color:#a3aa98;margin:0;max-width:52ch}
.market-view :is(button,a):focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.market-view [role=tabpanel]:focus-visible{outline:2px solid var(--yellow);outline-offset:8px}
/* The controller can disclose an explicit form after a product CTA. */
.market-view>.platform-controls>:is(.platform-address-form,.platform-operation-form){display:none}
.deploy-placeholder{display:flex;align-items:flex-start;gap:28px;margin-top:48px;max-width:680px;padding-bottom:60px}
.deploy-placeholder>img{width:54px;height:54px;flex:none;margin-top:4px}
.deploy-placeholder h2{font-size:38px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:0 0 15px;color:#e7eadc}
.deploy-placeholder p{font-size:16px;line-height:1.8;color:#b2bba4;margin:0}
.deploy-placeholder .workspace-caption{font-size:12px;max-width:48ch;margin-top:20px;color:#a3aa98}
.deploy-placeholder-copy[lang=zh]{display:none}
html[lang^=zh] .deploy-placeholder-copy[lang=en]{display:none}
html[lang^=zh] .deploy-placeholder-copy[lang=zh]{display:block}
@media(max-width:1000px){.market-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .market-view .platform-layout{margin-top:24px}.market-order-tabs{gap:28px;margin-bottom:24px}
  .market-order-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .market-order{padding:22px;border-radius:12px}.market-order-heading h3{font-size:23px}
  .market-order-data{grid-template-columns:.9fr 1.6fr;margin:24px 0 20px}
  .market-order-data dd{font-size:27px}.market-order-data>div:last-child dd{font-size:20px}
  .market-view .market-book-heading{gap:14px;flex-wrap:wrap;align-items:center}
  .market-create-button{padding-inline:14px}
  .deploy-placeholder{gap:18px;margin-top:30px}.deploy-placeholder>img{width:40px;height:40px}
  .deploy-placeholder h2{font-size:30px}.deploy-placeholder p{font-size:14px}
}