/* WrektView Trade tab — exchange-ready visual desk patterned after the supplied reference. */
.wrekt-utility-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wrekt-utility-tabs button[data-wrekt-utility-tab="trade"]::before {
  background:
    radial-gradient(circle at 28% 25%,rgba(0,214,255,.34),transparent 18%),
    linear-gradient(135deg,rgba(5,115,162,.42),transparent 55%);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-utility-drawer {
  width:min(1000px,calc(100vw - 22px));
  border-color:rgba(65,147,177,.74);
  box-shadow:-30px 0 80px rgba(0,0,0,.68),0 0 42px rgba(26,173,210,.10);
}

body[data-wrekt-utility-panel="trade"] .wrekt-utility-body {
  min-height:0;
  overflow:hidden;
}

.wrekt-trade-panel {
  position:relative;
  z-index:1;
  height:100%;
  min-height:0;
  padding:10px;
  overflow:hidden auto;
  color:#dceaf1;
  background:
    radial-gradient(circle at 82% 0,rgba(18,121,158,.08),transparent 35%),
    linear-gradient(180deg,rgba(3,13,19,.96),rgba(4,12,18,.99));
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  scrollbar-width:thin;
}

.wrekt-trade-panel[hidden] { display:none !important; }

.wrekt-trade-market-head {
  display:grid;
  grid-template-columns:minmax(235px,.9fr) minmax(150px,.65fr) repeat(3,minmax(105px,.45fr)) auto;
  gap:8px;
  align-items:stretch;
  margin-bottom:9px;
}

.wrekt-trade-market-select,
.wrekt-trade-market-stat,
.wrekt-trade-connection {
  min-width:0;
  min-height:64px;
  border:1px solid #263e4c;
  border-radius:9px;
  background:linear-gradient(180deg,rgba(9,26,35,.97),rgba(5,17,24,.98));
}

.wrekt-trade-market-select {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.wrekt-trade-coin {
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(103,220,242,.26);
  border-radius:50%;
  color:#dff9ff;
  background:radial-gradient(circle at 30% 30%,#163d4d,#07161e);
  font:950 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  box-shadow:inset 0 0 18px rgba(73,201,226,.10),0 0 14px rgba(49,179,209,.08);
}
#wrekt-trade-symbol {
  min-width:0;
  width:100%;
  height:38px;
  border:0;
  outline:0;
  color:#effaff;
  background:transparent;
  font-size:17px;
  font-weight:850;
}
#wrekt-trade-symbol option { background:#08151d; color:#dfeaf0; }

.wrekt-trade-market-stat {
  display:grid;
  align-content:center;
  gap:3px;
  padding:9px 11px;
}
.wrekt-trade-market-stat small {
  color:#728b9b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
}
.wrekt-trade-market-stat strong {
  min-width:0;
  overflow:hidden;
  color:#f1f7fa;
  font:850 13px/1.05 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.wrekt-trade-market-stat.market strong { font-size:18px; }
.wrekt-trade-market-stat.market span {
  color:#8096a2;
  font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-market-stat.market span.positive,
.wrekt-trade-market-stat.market strong.positive { color:#35dda5; }
.wrekt-trade-market-stat.market span.negative,
.wrekt-trade-market-stat.market strong.negative { color:#ff5f73; }

.wrekt-trade-connection {
  appearance:none;
  display:grid;
  place-items:center;
  align-content:center;
  min-width:124px;
  padding:8px 10px;
  color:#8296a1;
  font:900 8px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em;
  text-align:center;
  cursor:pointer;
}
.wrekt-trade-connection[data-state="connected"] {
  border-color:rgba(41,220,161,.44);
  color:#43dfab;
  background:rgba(16,72,57,.26);
}
.wrekt-trade-connection[data-state="error"] {
  border-color:rgba(255,95,115,.42);
  color:#ff7a8b;
}

.wrekt-trade-primary {
  display:grid;
  grid-template-columns:minmax(330px,.95fr) minmax(390px,1.05fr);
  gap:10px;
  align-items:stretch;
}

.wrekt-trade-ticket,
.wrekt-trade-flow,
.wrekt-trade-execution,
.wrekt-trade-risk {
  min-width:0;
  overflow:hidden;
  border:1px solid #243b48;
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(8,24,32,.98),rgba(4,15,21,.98));
  box-shadow:inset 0 0 28px rgba(50,151,177,.025);
}

.wrekt-trade-ticket { padding:10px; }
.wrekt-trade-side-tabs,
.wrekt-trade-type-tabs {
  display:grid;
  gap:4px;
}
.wrekt-trade-side-tabs { grid-template-columns:1fr 1fr; margin-bottom:9px; }
.wrekt-trade-type-tabs { grid-template-columns:repeat(3,1fr); margin-bottom:10px; }

.wrekt-trade-side-tabs button,
.wrekt-trade-type-tabs button,
.wrekt-trade-flow-tabs button,
.wrekt-trade-exec-tabs button,
.wrekt-trade-quick button {
  border:1px solid #29424f;
  color:#8da2ae;
  background:#071820;
  cursor:pointer;
  font-weight:850;
}
.wrekt-trade-side-tabs button {
  min-height:49px;
  border-radius:7px;
  font-size:15px;
}
.wrekt-trade-side-tabs button.active[data-trade-side="buy"] {
  border-color:#11d39a;
  color:#effff9;
  background:linear-gradient(180deg,#11bd83,#079c6b);
  box-shadow:0 0 18px rgba(17,211,154,.13);
}
.wrekt-trade-side-tabs button.active[data-trade-side="sell"] {
  border-color:#ff6377;
  color:#fff2f4;
  background:linear-gradient(180deg,#ce4a5b,#9e3341);
}
.wrekt-trade-type-tabs button {
  min-height:40px;
  border-radius:6px;
  font-size:11px;
}
.wrekt-trade-type-tabs button.active {
  border-color:#31546a;
  color:#e6f7ff;
  background:#102431;
  box-shadow:inset 0 -2px 0 #32d8e7;
}

.wrekt-trade-field {
  margin-bottom:10px;
  padding:9px 11px;
  border:1px solid #2a424f;
  border-radius:8px;
  background:#071821;
}
.wrekt-trade-field label {
  display:block;
  margin-bottom:4px;
  color:#8298a5;
  font-size:10px;
}
.wrekt-trade-input-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
}
.wrekt-trade-input-row input {
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  color:#eef8fc;
  background:transparent;
  font:800 17px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-input-row span {
  color:#8297a2;
  font-size:10px;
  font-weight:800;
}
.wrekt-trade-limit-stepper {
  display:flex;
  gap:4px;
}
.wrekt-trade-limit-stepper button {
  width:28px;
  height:28px;
  border:0;
  color:#bdd2dc;
  background:transparent;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.wrekt-trade-quick {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin:-2px 0 10px;
}
.wrekt-trade-quick button {
  min-height:35px;
  border-radius:6px;
  font-size:10px;
}
.wrekt-trade-quick button:hover { color:#dff7ff; border-color:#3c6072; }

.wrekt-trade-balance {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  padding:0 2px;
  border-bottom:1px solid #20343f;
  color:#7e94a1;
  font-size:10px;
}
.wrekt-trade-balance strong {
  color:#e2edf2;
  font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.wrekt-trade-switch-row {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:42px;
  border-bottom:1px solid #20343f;
  color:#91a4ae;
  font-size:10px;
}
.wrekt-trade-switch-row input {
  appearance:none;
  width:36px;
  height:20px;
  padding:2px;
  border:1px solid #36505e;
  border-radius:999px;
  background:#152934;
  cursor:pointer;
}
.wrekt-trade-switch-row input::before {
  content:"";
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#a8c0cd;
  transition:transform .16s ease,background .16s ease;
}
.wrekt-trade-switch-row input:checked {
  border-color:#21b98a;
  background:#0d4c3d;
}
.wrekt-trade-switch-row input:checked::before {
  transform:translateX(16px);
  background:#41e4ae;
}
.wrekt-trade-switch-row b {
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid #48616e;
  border-radius:50%;
  color:#8196a2;
  font-size:9px;
}

#wrekt-trade-submit {
  width:100%;
  min-height:48px;
  margin-top:11px;
  border:1px solid #10ce96;
  border-radius:7px;
  color:#effff9;
  background:linear-gradient(180deg,#12ba82,#079867);
  box-shadow:0 0 20px rgba(20,207,151,.11);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
#wrekt-trade-submit.sell {
  border-color:#ff6377;
  background:linear-gradient(180deg,#d44c5d,#9e3241);
}
#wrekt-trade-submit:disabled { opacity:.6; cursor:wait; }

.wrekt-trade-footer-selects {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:9px;
}
.wrekt-trade-footer-selects label {
  display:grid;
  gap:4px;
  color:#728995;
  font-size:9px;
}
.wrekt-trade-footer-selects select,
.wrekt-trade-footer-selects output {
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0 9px;
  border:1px solid #29424f;
  border-radius:6px;
  color:#e2edf2;
  background:#071820;
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-status {
  min-height:18px;
  margin-top:6px;
  color:#8196a2;
  font-size:9px;
}
.wrekt-trade-status[data-kind="error"] { color:#ff687b; }
.wrekt-trade-status[data-kind="warn"] { color:#f1c95d; }
.wrekt-trade-status[data-kind="success"] { color:#43dda9; }

.wrekt-trade-flow {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  padding:10px;
}
.wrekt-trade-flow-head {
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
}
.wrekt-trade-flow-tabs {
  flex:1 1 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
.wrekt-trade-flow-tabs button {
  min-height:38px;
  border-radius:6px;
  font-size:11px;
}
.wrekt-trade-flow-tabs button.active {
  color:#f0fbff;
  border-color:#28c7d9;
  background:#102b36;
  box-shadow:inset 0 -2px 0 #32e0df;
}
.wrekt-trade-tick-select {
  width:72px;
  min-height:38px;
  border:1px solid #29424f;
  border-radius:6px;
  color:#d4e3e9;
  background:#071820;
  font-size:10px;
}

.wrekt-trade-flow-panel {
  min-height:0;
  overflow:hidden;
  border:1px solid #203945;
  border-radius:7px;
  background:#04131a;
}
.wrekt-trade-flow-panel[hidden] { display:none !important; }
.wrekt-trade-book-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px 110px;
  gap:7px;
  padding:8px 10px;
  border-bottom:1px solid #20333d;
  color:#8399a5;
  font-size:9px;
  text-align:right;
}
.wrekt-trade-book-head span:first-child { text-align:left; }
.wrekt-trade-book-row {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px 110px;
  gap:7px;
  align-items:center;
  min-height:31px;
  padding:4px 10px;
  overflow:hidden;
  border-bottom:1px solid rgba(31,48,57,.58);
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.wrekt-trade-book-row>span {
  position:relative;
  z-index:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-trade-book-row .price { text-align:left; font-weight:900; }
.wrekt-trade-book-row[data-side="ask"] .price { color:#ff6074; }
.wrekt-trade-book-row[data-side="bid"] .price { color:#26dfad; }
.wrekt-trade-book-fill {
  position:absolute;
  z-index:0;
  inset:2px 0;
  width:100%;
  height:calc(100% - 4px);
  pointer-events:none;
  overflow:visible;
}
.wrekt-trade-book-fill rect { opacity:.32; }
.wrekt-trade-book-row[data-side="ask"] .wrekt-trade-book-fill rect { fill:#ca364d; }
.wrekt-trade-book-row[data-side="bid"] .wrekt-trade-book-fill rect { fill:#139e76; }
.wrekt-trade-mid {
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  min-height:51px;
  padding:6px 10px;
  border-top:1px solid #2a4552;
  border-bottom:1px solid #2a4552;
  background:linear-gradient(90deg,rgba(0,163,122,.04),transparent 50%,rgba(213,62,83,.04));
}
.wrekt-trade-mid strong {
  color:#f3fbff;
  font:950 19px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-mid span {
  color:#8da1ab;
  font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-mid .positive { color:#28dba8; }
.wrekt-trade-mid .negative { color:#ff6074; }

.wrekt-trade-imbalance {
  display:grid;
  grid-template-columns:auto minmax(100px,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:44px;
  padding:7px 10px;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-imbalance>span:first-child { color:#28dba8; }
.wrekt-trade-imbalance>span:last-child { color:#ff6074; }
.wrekt-trade-imbalance-bar {
  display:block;
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#18303a;
}
.wrekt-trade-imbalance-bar rect { transition:width .12s linear,x .12s linear; }
.wrekt-trade-imbalance-bar .bid { fill:#16d59d; }
.wrekt-trade-imbalance-bar .ask { fill:#ff6074; }

.wrekt-trade-tape-head,
.wrekt-trade-tape-row {
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 95px 82px;
  gap:7px;
  align-items:center;
}
.wrekt-trade-tape-head {
  min-height:34px;
  padding:5px 9px;
  color:#8197a2;
  border-bottom:1px solid #20333d;
  font-size:8px;
}
.wrekt-trade-tape-row {
  min-height:29px;
  padding:4px 9px;
  border-bottom:1px solid rgba(31,48,57,.58);
  font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-tape-row b { font-size:8px; }
.wrekt-trade-tape-row[data-side="buy"] b,
.wrekt-trade-tape-row[data-side="buy"] strong { color:#25dda9; }
.wrekt-trade-tape-row[data-side="sell"] b,
.wrekt-trade-tape-row[data-side="sell"] strong { color:#ff6074; }
.wrekt-trade-tape-row span,
.wrekt-trade-tape-row time { color:#8498a2; text-align:right; }
.wrekt-trade-tape-list { max-height:520px; overflow:hidden auto; scrollbar-width:thin; }

.wrekt-trade-empty {
  min-height:44px;
  display:grid;
  place-items:center;
  color:#647d89;
  font-size:9px;
}

.wrekt-trade-execution {
  margin-top:10px;
}
.wrekt-trade-exec-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #243b48;
  background:#071820;
}
.wrekt-trade-exec-tabs button {
  min-height:48px;
  border:0;
  border-right:1px solid #1e323c;
  border-radius:0;
  background:transparent;
  font-size:11px;
}
.wrekt-trade-exec-tabs button b {
  display:inline-grid;
  min-width:18px;
  min-height:18px;
  place-items:center;
  margin-left:5px;
  border-radius:999px;
  color:#b8cad2;
  background:#172c36;
  font-size:8px;
}
.wrekt-trade-exec-tabs button.active {
  color:#effcff;
  background:linear-gradient(180deg,rgba(15,57,72,.78),rgba(7,28,37,.85));
  box-shadow:inset 0 -3px 0 #21d3e1;
}
.wrekt-trade-exec-body { padding:10px; }

.wrekt-trade-exec-empty {
  min-height:108px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  color:#718794;
  text-align:center;
}
.wrekt-trade-exec-empty strong { color:#9cb0ba; font-size:10px; letter-spacing:.08em; }
.wrekt-trade-exec-empty span { font-size:9px; }

.wrekt-trade-position {
  overflow:hidden;
  border:1px solid #28414e;
  border-radius:8px;
  background:#07171f;
}
.wrekt-trade-position+ .wrekt-trade-position { margin-top:8px; }
.wrekt-trade-position header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:9px 11px;
  border-bottom:1px solid #223943;
}
.wrekt-trade-position header>div:first-child {
  display:flex;
  align-items:center;
  gap:7px;
}
.wrekt-trade-position header strong { color:#eff8fb; font-size:13px; }
.wrekt-trade-position .side,
.wrekt-trade-position header em {
  padding:4px 6px;
  border-radius:5px;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}
.wrekt-trade-position[data-side="buy"] .side { color:#caffec; background:rgba(20,171,124,.35); }
.wrekt-trade-position[data-side="sell"] .side { color:#ffe3e7; background:rgba(196,60,78,.34); }
.wrekt-trade-position header em { color:#9db2bd; background:#152b36; }
.wrekt-trade-position header>div:last-child {
  display:grid;
  grid-template-columns:auto auto;
  gap:3px 8px;
  justify-items:end;
}
.wrekt-trade-position header small { grid-column:1/-1; color:#758d99; font-size:8px; }
.wrekt-trade-position header b { font:950 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.wrekt-trade-position header span { font:850 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }

.wrekt-trade-position .metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.wrekt-trade-position .metrics>span {
  min-width:0;
  min-height:54px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:7px 10px;
  border-right:1px solid #1e333d;
  border-bottom:1px solid #1e333d;
}
.wrekt-trade-position .metrics small { color:#708894; font-size:8px; }
.wrekt-trade-position .metrics b {
  min-width:0;
  overflow:hidden;
  color:#e4eef2;
  font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-trade-position .metrics .actions {
  grid-column:span 1;
  grid-template-columns:1fr 1fr;
  gap:5px;
  align-items:center;
}
.wrekt-trade-position .actions button,
.wrekt-trade-table button {
  min-height:31px;
  border:1px solid #2e4754;
  border-radius:6px;
  color:#d2e0e6;
  background:#0d222d;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}
.wrekt-trade-position .positive,
.wrekt-trade-table .positive { color:#27dda9 !important; }
.wrekt-trade-position .negative,
.wrekt-trade-table .negative { color:#ff6074 !important; }

.wrekt-trade-table {
  overflow:auto;
  border:1px solid #233a46;
  border-radius:7px;
}
.wrekt-trade-table .head,
.wrekt-trade-table .row {
  display:grid;
  grid-template-columns:1.25fr .7fr .8fr 1fr .9fr .8fr .65fr;
  gap:7px;
  align-items:center;
  min-width:700px;
}
.wrekt-trade-table .head.six,
.wrekt-trade-table .row.six { grid-template-columns:1.3fr .7fr 1fr .9fr .8fr 1.15fr; }
.wrekt-trade-table .head {
  min-height:31px;
  padding:4px 8px;
  color:#718995;
  background:#091b24;
  font-size:8px;
}
.wrekt-trade-table .row {
  min-height:38px;
  padding:4px 8px;
  border-top:1px solid #1e323c;
  color:#a6b7bf;
  font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-trade-table .row strong { color:#e2edf2; }
.wrekt-trade-table b[data-side="buy"] { color:#27dda9; }
.wrekt-trade-table b[data-side="sell"] { color:#ff6074; }

.wrekt-trade-risk {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:10px;
}
.wrekt-trade-risk>h3 {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  padding:10px 13px 8px;
  border-bottom:1px solid #203642;
  color:#dce9ee;
  font-size:11px;
  letter-spacing:.03em;
}
.wrekt-trade-risk>h3 span {
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid #46606d;
  border-radius:50%;
  color:#8197a2;
  font-size:9px;
}
.wrekt-trade-risk>div {
  min-width:0;
  min-height:74px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:10px 14px;
  border-right:1px solid #203642;
}
.wrekt-trade-risk>div:last-child { border-right:0; }
.wrekt-trade-risk small {
  color:#8197a2;
  font-size:9px;
}
.wrekt-trade-risk strong {
  min-width:0;
  overflow:hidden;
  color:#e5eff3;
  font:950 16px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-trade-risk strong.positive { color:#25dda9; }
.wrekt-trade-risk strong.negative { color:#ff6074; }

@media (max-width:1100px) and (min-width:851px) {
  body[data-wrekt-utility-panel="trade"] .wrekt-utility-drawer {
    width:calc(100vw - 14px);
  }
  .wrekt-trade-market-head {
    grid-template-columns:minmax(210px,1fr) minmax(140px,.7fr) repeat(3,minmax(90px,.42fr));
  }
  .wrekt-trade-connection { grid-column:1/-1; min-height:34px; }
  .wrekt-trade-book-head,
  .wrekt-trade-book-row { grid-template-columns:minmax(0,1fr) 90px 90px; }
}

body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-utility-drawer {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-panel {
  padding:8px;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-market-head {
  grid-template-columns:1fr 1fr;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-market-select,
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat.market,
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-connection {
  grid-column:1/-1;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-primary {
  grid-template-columns:1fr;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-position .metrics {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-risk {
  grid-template-columns:repeat(2,1fr);
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="trade"] .wrekt-trade-risk>div {
  border-bottom:1px solid #203642;
}


/* REP DECK UNIFORMITY PASS — 2026-09-24 */
/* The REP tab is the desktop density authority for the shared deck.
   Trade, Wallet and People inherit the same drawer width, header scale,
   tab scale, radii and compact control rhythm without changing behavior. */
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-drawer {
  width:min(900px,calc(100vw - 28px));
  border-color:rgba(82,159,183,.66);
  box-shadow:-26px 0 72px rgba(0,0,0,.68),0 0 38px rgba(57,173,194,.12),inset 0 0 54px rgba(71,188,205,.05);
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-head {
  min-height:50px;
  padding:6px 8px 6px 10px;
  background:linear-gradient(90deg,rgba(31,101,119,.28),transparent 52%),linear-gradient(180deg,rgba(17,31,41,.98),rgba(9,17,24,.98));
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-head strong {
  font-size:14px;
  letter-spacing:.11em;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-head>div>img {
  width:28px;
  height:28px;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) #wrekt-utility-close {
  width:34px;
  height:34px;
  border-radius:7px;
  font-size:18px;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-tabs {
  min-height:38px;
  gap:4px;
  padding:5px 7px;
  background:#081018;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-tabs button {
  min-height:31px;
  border-radius:6px;
  font-size:9px;
  letter-spacing:.09em;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-tabs .wv-tab-icon {
  width:16px;
  height:16px;
}
body:not([data-layout-mode^="phone-"]):is([data-wrekt-utility-panel="trade"],[data-wrekt-utility-panel="wallet"],[data-wrekt-utility-panel="call"],[data-wrekt-utility-panel="people"]) .wrekt-utility-tabs button.active {
  border-color:rgba(114,214,239,.55);
  background:linear-gradient(180deg,rgba(39,97,116,.42),rgba(16,40,51,.8));
  box-shadow:inset 0 -2px 0 #72d6ef,0 0 18px rgba(75,183,211,.08);
}

/* TRADE — same physical rhythm as REP, while retaining the exchange desk hierarchy. */
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-panel { padding:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-head {
  grid-template-columns:minmax(180px,.95fr) minmax(112px,.62fr) repeat(3,minmax(82px,.42fr)) minmax(88px,.42fr);
  gap:6px;
  margin-bottom:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] :is(.wrekt-trade-market-select,.wrekt-trade-market-stat,.wrekt-trade-connection) {
  min-height:46px;
  border-radius:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-select { gap:7px;padding:6px 8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-coin { width:26px;height:26px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] #wrekt-trade-symbol { height:30px;font-size:13px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat { gap:2px;padding:6px 8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat small { font-size:6px;letter-spacing:.06em; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat strong { font-size:10px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat.market strong { font-size:14px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-market-stat.market span,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-connection { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-connection { min-width:0;padding:6px; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-primary {
  grid-template-columns:minmax(300px,.94fr) minmax(340px,1.06fr);
  gap:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] :is(.wrekt-trade-ticket,.wrekt-trade-flow,.wrekt-trade-execution,.wrekt-trade-risk) { border-radius:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-ticket,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-flow { padding:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-side-tabs { margin-bottom:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-type-tabs { margin-bottom:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-side-tabs button { min-height:36px;border-radius:6px;font-size:10px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-type-tabs button { min-height:30px;border-radius:5px;font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-field {
  margin-bottom:7px;
  padding:6px 8px;
  border-radius:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-field label { margin-bottom:3px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-input-row input { font-size:12px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-input-row span { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-limit-stepper button { width:24px;height:24px;font-size:18px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-quick { gap:4px;margin:-1px 0 7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-quick button { min-height:28px;border-radius:5px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-balance,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-switch-row { min-height:32px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-balance strong { font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-switch-row input { width:30px;height:16px;padding:2px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-switch-row input::before { width:10px;height:10px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-switch-row input:checked::before { transform:translateX(14px); }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] #wrekt-trade-submit {
  min-height:38px;
  margin-top:7px;
  border-radius:6px;
  font-size:9px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-footer-selects { gap:5px;margin-top:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-footer-selects label { gap:3px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] :is(.wrekt-trade-footer-selects select,.wrekt-trade-footer-selects output) { min-height:28px;padding:0 7px;border-radius:5px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-status { min-height:14px;margin-top:4px;font-size:7px; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-flow-head { gap:4px;margin-bottom:5px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-flow-tabs button,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tick-select { min-height:30px;border-radius:5px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tick-select { width:60px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-book-head {
  grid-template-columns:minmax(0,1fr) 84px 78px;
  gap:5px;
  padding:6px 8px;
  font-size:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-book-row {
  grid-template-columns:minmax(0,1fr) 84px 78px;
  gap:5px;
  min-height:25px;
  padding:3px 8px;
  font-size:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-mid { min-height:40px;padding:5px 8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-mid strong { font-size:14px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-mid span { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-imbalance { min-height:32px;padding:5px 8px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tape-head,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tape-row {
  grid-template-columns:42px minmax(0,1fr) 76px 64px;
  gap:5px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tape-head { min-height:27px;padding:4px 7px;font-size:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tape-row { min-height:24px;padding:3px 7px;font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-tape-row b { font-size:6px; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-execution,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-risk { margin-top:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-tabs button { min-height:34px;font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-tabs button b { min-width:15px;min-height:15px;font-size:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-body { padding:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-empty { min-height:76px;gap:4px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-empty strong { font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-exec-empty span { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-risk>h3 { padding:7px 10px 6px;font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-risk>div { min-height:52px;gap:4px;padding:7px 10px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-risk small { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="trade"] .wrekt-trade-risk strong { font-size:11px; }

/* WALLET — retain the arcade identity, but use the REP tab's card and type scale. */
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-panel { padding:8px;gap:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-hero {
  min-height:118px;
  padding:10px;
  border-radius:9px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-art { height:92px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-wc-watermark { font-size:clamp(82px,10vw,126px); }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-score-value { font-size:clamp(46px,5.3vw,68px); }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-kicker,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-hero small { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-rule { gap:2px;padding:8px;border-left-width:2px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-rule strong { font-size:9px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-rule span { font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-active-call { min-height:40px;padding:8px;border-radius:7px;font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history { padding:8px;border-radius:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-head { gap:8px;margin-bottom:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-head span { font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-head small { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-list { gap:5px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-card { gap:4px 6px;padding:6px 7px;border-radius:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-main { grid-template-columns:20px auto 1fr;gap:5px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-main img { width:20px;height:20px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-main strong,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-result strong { font-size:9px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] :is(.wrekt-call-history-main span,.wrekt-call-history-result span,.wrekt-call-history-meta) { font-size:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-call-history-empty { padding:10px;border-radius:7px;font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="wallet"] .wrekt-wallet-panel>p { font-size:8px; }

/* PEOPLE — same compact cards/buttons as REP instead of the older modal scale. */
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-dialog section { gap:7px;padding:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-dialog header { min-height:36px;gap:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-dialog header strong { font-size:10px;letter-spacing:.04em; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-dialog header span { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-dialog header button { width:28px;height:28px;border-radius:6px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-list { gap:5px;max-height:none; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-row {
  min-height:40px;
  gap:7px;
  padding:6px 8px;
  border-radius:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-row .profile-link { font-size:8px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-row-meta { font-size:7px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="people"] .wrekt-people-empty { padding:12px 8px;font-size:8px; }