/* REP Deck terminal pass — 2026-09-23
   Keeps the existing REP mechanics intact while compressing the call composer
   into a trading-terminal hierarchy inspired by community feedback. */

.wrekt-rep-terminal {
  --rep-terminal-bg:#071018;
  --rep-terminal-panel:#0b1720;
  --rep-terminal-panel-2:#0e1c26;
  --rep-terminal-line:#29404e;
  --rep-terminal-line-hot:#3f6d82;
  --rep-terminal-text:#e7f2f7;
  --rep-terminal-muted:#7791a0;
  --rep-terminal-cyan:#72d6ef;
  --rep-terminal-green:#48dfa6;
  --rep-terminal-red:#ff687b;
  --rep-terminal-gold:#f7c65b;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-drawer {
  width:min(520px,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-"])[data-wrekt-utility-panel="call"] .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-"])[data-wrekt-utility-panel="call"] .wrekt-utility-head strong {
  font-size:14px;
  letter-spacing:.11em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-tabs {
  min-height:38px;
  gap:4px;
  padding:5px 7px;
  background:#081018;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-tabs button {
  min-height:31px;
  border-radius:6px;
  font-size:9px;
  letter-spacing:.09em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .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 var(--rep-terminal-cyan),0 0 18px rgba(75,183,211,.08);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-dialog,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-dialog form {
  overflow:hidden auto;
  scrollbar-width:thin;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] form.wrekt-rep-terminal {
  min-height:100%;
  padding:8px !important;
  background:
    linear-gradient(180deg,rgba(4,11,16,.64),rgba(6,13,19,.82)),
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(91,147,169,.025) 28px);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] form.wrekt-rep-terminal > .wrekt-call-market-picker {
  margin:0 0 7px;
  border-color:rgba(55,84,99,.8);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(13,25,34,.98),rgba(8,16,23,.98));
  box-shadow:none;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
  display:grid;
  grid-template-areas:"direction" "risk" "outcome";
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  width:100%;
  padding:0;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-direction,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
  min-width:0;
  padding:8px;
  border:1px solid rgba(43,66,79,.96);
  border-radius:9px;
  background:
    linear-gradient(180deg,rgba(13,25,34,.94),rgba(7,15,21,.94)),
    radial-gradient(circle at 85% 0,rgba(81,190,211,.06),transparent 38%);
  box-shadow:inset 0 0 22px rgba(67,147,171,.025);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap {
  min-height:20px;
  margin:0 0 6px;
  gap:6px;
  color:#a7c0cd;
  font-size:7px;
  letter-spacing:.11em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap>span {
  width:auto;
  min-width:34px;
  height:17px;
  padding:0 5px;
  border-color:rgba(92,177,202,.42);
  border-radius:4px;
  background:rgba(29,77,91,.24);
  color:var(--rep-terminal-cyan);
  font-size:6px;
  letter-spacing:.08em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  min-height:34px;
  margin:0;
  padding:0 1px 5px;
  border-bottom:1px solid rgba(47,72,85,.72);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-kicker {
  color:#688391;
  font-size:7px;
  letter-spacing:.13em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market {
  margin-top:2px;
  color:#f0f8fb;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.02em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-close {
  width:28px;
  height:28px;
  border-radius:6px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin:6px 0 5px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-row>div {
  min-height:46px;
  padding:7px 8px;
  border:1px solid rgba(43,66,79,.86);
  border-radius:6px;
  background:rgba(5,12,17,.72);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-reference-label,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-wallet>span {
  color:#75909f;
  font-size:6px;
  font-weight:900;
  letter-spacing:.1em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-reference-price,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-wallet strong {
  display:block;
  margin-top:4px;
  color:#eef7fb;
  font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;
}

.wrekt-rep-terminal-mode {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 5px;
  padding:6px 8px;
  border:1px solid rgba(48,76,90,.82);
  border-radius:6px;
  background:linear-gradient(90deg,rgba(20,51,62,.44),rgba(7,16,22,.82));
}

.wrekt-rep-terminal-mode span { min-width:0; }
.wrekt-rep-terminal-mode small {
  display:block;
  color:#6e8795;
  font-size:6px;
  font-weight:900;
  letter-spacing:.09em;
}
.wrekt-rep-terminal-mode strong {
  display:block;
  margin-top:2px;
  color:#d9edf5;
  font-size:9px;
}
.wrekt-rep-terminal-mode em {
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#718895;
  font-size:6px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-rep-terminal-mode b {
  flex:0 0 auto;
  padding:4px 6px;
  border:1px solid rgba(72,223,166,.38);
  border-radius:999px;
  color:var(--rep-terminal-green);
  background:rgba(72,223,166,.08);
  font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button {
  min-height:52px;
  padding:6px 8px;
  border-radius:7px;
  border-color:#314856;
  background:linear-gradient(180deg,rgba(13,26,35,.96),rgba(8,16,23,.96));
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button strong {
  font-size:10px;
  letter-spacing:.03em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button small {
  font-size:7px;
  color:#738b98;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button.active[data-wrekt-direction="long"] {
  border-color:rgba(72,223,166,.74);
  background:linear-gradient(180deg,rgba(31,111,82,.34),rgba(11,42,33,.84));
  box-shadow:inset 0 -2px 0 var(--rep-terminal-green),0 0 17px rgba(72,223,166,.11);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button.active[data-wrekt-direction="short"] {
  border-color:rgba(255,104,123,.72);
  background:linear-gradient(180deg,rgba(119,42,56,.34),rgba(49,19,27,.84));
  box-shadow:inset 0 -2px 0 var(--rep-terminal-red),0 0 17px rgba(255,104,123,.1);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr {
  margin-top:6px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr>span {
  min-width:60px;
  font-size:7px;
  letter-spacing:.06em;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr button {
  min-height:28px;
  border-radius:5px;
  font-size:7px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position {
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:5px;
  padding:6px 8px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position small { margin-right:auto; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position span { float:none; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk>.wrekt-rep-v2-cap,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk>.wrekt-rep-v2-warning {
  grid-column:1/-1;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-box,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-shape-box {
  min-width:0;
  margin:0;
  padding:8px;
  border-radius:7px;
  background:rgba(5,12,17,.72);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-number output {
  font-size:16px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-warning {
  margin-top:0;
  padding:5px 7px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
  padding-bottom:9px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-hero {
  gap:5px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-hero>div {
  min-height:54px;
  padding:7px 8px;
  border-radius:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-hero strong {
  font-size:15px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-trade-map {
  margin-top:5px;
  border-radius:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-trade-row {
  min-height:37px;
  padding:6px 8px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-entry {
  padding:4px 8px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-math {
  margin-top:5px;
  gap:4px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-math>div {
  padding:4px 6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-status {
  min-height:14px;
  margin:5px 1px 0;
  color:#718b99;
  font-size:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-submit {
  min-height:40px;
  margin-top:5px;
  border-color:rgba(72,223,166,.68);
  border-radius:7px;
  background:
    linear-gradient(180deg,rgba(38,158,113,.92),rgba(21,103,76,.96));
  box-shadow:0 0 24px rgba(72,223,166,.13),inset 0 1px 0 rgba(255,255,255,.12);
  color:#effff9;
  font-size:9px;
  letter-spacing:.05em;
}

/* Live position card: the REP ticket now keeps final/open state in the same visual context. */
.wrekt-rep-active-position {
  position:relative;
  margin-top:6px;
  overflow:hidden;
  border:1px solid #2c4553;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(14,29,38,.98),rgba(8,17,23,.98));
  box-shadow:inset 0 0 24px rgba(63,137,160,.04);
}
.wrekt-rep-active-position[hidden] { display:none !important; }
.wrekt-rep-active-position::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--rep-terminal-green,#48dfa6);
  box-shadow:0 0 13px rgba(72,223,166,.32);
}
.wrekt-rep-active-position[data-direction="short"]::before {
  background:var(--rep-terminal-red,#ff687b);
  box-shadow:0 0 13px rgba(255,104,123,.3);
}
.wrekt-rep-active-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  padding:7px 7px 6px 10px;
  border-bottom:1px solid rgba(45,67,80,.72);
}
.wrekt-rep-active-head>div { min-width:0; }
.wrekt-rep-active-head small {
  display:block;
  color:#718a98;
  font-size:6px;
  font-weight:900;
  letter-spacing:.09em;
}
.wrekt-rep-active-head>div strong {
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#e8f3f8;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-rep-active-side {
  padding:4px 6px;
  border:1px solid rgba(72,223,166,.34);
  border-radius:999px;
  color:#48dfa6;
  background:rgba(72,223,166,.08);
  font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:nowrap;
}
.wrekt-rep-active-side[data-direction="short"] {
  border-color:rgba(255,104,123,.36);
  color:#ff7d8d;
  background:rgba(255,104,123,.08);
}
#wrekt-rep-active-manage {
  min-height:26px;
  padding:0 8px;
  border:1px solid rgba(114,214,239,.48);
  border-radius:5px;
  color:#bfefff;
  background:rgba(37,93,113,.26);
  font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  cursor:pointer;
}
#wrekt-rep-active-manage:hover {
  border-color:#72d6ef;
  color:#fff;
  background:rgba(39,103,129,.4);
}
.wrekt-rep-active-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:#1b2d37;
}
.wrekt-rep-active-grid>div {
  min-width:0;
  padding:6px 8px;
  background:#081219;
}
.wrekt-rep-active-grid small {
  display:block;
  color:#667f8e;
  font-size:6px;
  font-weight:900;
  letter-spacing:.07em;
}
.wrekt-rep-active-grid strong {
  display:block;
  min-width:0;
  margin-top:3px;
  overflow:hidden;
  color:#dcebf3;
  font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wrekt-rep-active-grid strong.positive { color:#48dfa6; }
.wrekt-rep-active-grid strong.negative { color:#ff687b; }

/* Keep the mobile pager mechanics, but make the new status/position pieces feel native. */
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode {
  margin-bottom:7px;
}
body[data-layout-mode^="phone-"][data-wrekt-utility-panel="call"] .wrekt-rep-active-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode {
  padding:4px 5px;
  margin-bottom:3px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode em {
  display:none;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-active-head {
  padding:4px 5px 4px 7px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-active-grid>div {
  padding:4px 5px;
}

@media (max-width:560px) {
  .wrekt-rep-active-head {
    grid-template-columns:minmax(0,1fr) auto;
  }
  #wrekt-rep-active-manage {
    grid-column:1/-1;
    width:100%;
    min-height:30px;
  }
}


body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome { grid-area:outcome; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-marketflow { grid-area:market; }

.wrekt-rep-marketflow {
  min-width:0;
  padding:8px;
  border:1px solid rgba(43,66,79,.96);
  border-radius:9px;
  background:
    radial-gradient(circle at 78% 0,rgba(69,165,191,.09),transparent 34%),
    linear-gradient(180deg,rgba(13,25,34,.96),rgba(6,14,20,.98));
  box-shadow:inset 0 0 26px rgba(67,147,171,.035);
}
.wrekt-rep-flow-cap b {
  margin-left:auto;
  padding:3px 6px;
  border:1px solid #334b59;
  border-radius:999px;
  color:#78909d;
  background:#09141b;
  font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em;
}
.wrekt-rep-flow-cap b[data-state="live"] {
  border-color:rgba(72,223,166,.42);
  color:#48dfa6;
  background:rgba(72,223,166,.07);
  box-shadow:0 0 12px rgba(72,223,166,.08);
}
.wrekt-rep-flow-tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin-bottom:5px;
}
.wrekt-rep-flow-tabs button {
  min-height:30px;
  border:1px solid #2b414f;
  border-radius:5px;
  color:#728a98;
  background:#09141b;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.07em;
  cursor:pointer;
}
.wrekt-rep-flow-tabs button.active {
  border-color:rgba(114,214,239,.54);
  color:#dff7ff;
  background:linear-gradient(180deg,rgba(34,91,111,.38),rgba(14,39,50,.78));
  box-shadow:inset 0 -2px 0 #72d6ef;
}
.wrekt-rep-flow-panel[hidden] { display:none!important; }
.wrekt-rep-flow-panel {
  overflow:hidden;
  border:1px solid #263a46;
  border-radius:6px;
  background:#061017;
}
.wrekt-rep-flow-columns {
  display:grid;
  grid-template-columns:minmax(0,1fr) 80px 72px;
  gap:6px;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-bottom:1px solid #22333d;
  color:#68808f;
  background:#08141b;
  font:900 6px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.07em;
  text-align:right;
}
.wrekt-rep-flow-columns span:first-child { text-align:left; }
.wrekt-rep-flow-columns.tape { grid-template-columns:48px minmax(0,1fr) 70px 58px; }
.wrekt-rep-flow-rows { display:grid; }
.wrekt-rep-flow-row {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 80px 72px;
  gap:6px;
  align-items:center;
  min-height:25px;
  padding:3px 8px;
  overflow:hidden;
  border-bottom:1px solid rgba(37,54,64,.42);
  font-variant-numeric:tabular-nums;
}
.wrekt-rep-flow-row>i {
  position:absolute;
  z-index:0;
  top:2px;
  bottom:2px;
  right:0;
  width:var(--flow-fill,0%);
  pointer-events:none;
}
.wrekt-rep-flow-row[data-side="ask"]>i {
  background:linear-gradient(90deg,transparent,rgba(255,104,123,.19));
}
.wrekt-rep-flow-row[data-side="bid"]>i {
  background:linear-gradient(90deg,transparent,rgba(72,223,166,.18));
}
.wrekt-rep-flow-row strong,
.wrekt-rep-flow-row span {
  position:relative;
  z-index:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}
.wrekt-rep-flow-row strong {
  text-align:left;
  color:#d7e6ed;
  font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-rep-flow-row span {
  color:#879ba7;
  font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-rep-flow-row[data-side="ask"] strong { color:#ff7587; }
.wrekt-rep-flow-row[data-side="bid"] strong { color:#4adfa8; }
.wrekt-rep-flow-center {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 8px;
  border-top:1px solid #324956;
  border-bottom:1px solid #324956;
  background:
    linear-gradient(90deg,rgba(72,223,166,.05),transparent 35%,rgba(255,104,123,.05));
}
.wrekt-rep-flow-center strong {
  color:#f2fbff;
  font:950 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-shadow:0 0 12px rgba(114,214,239,.2);
}
.wrekt-rep-flow-center span {
  color:#718a98;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-rep-flow-balance {
  display:grid;
  grid-template-columns:auto minmax(90px,1fr) auto;
  gap:7px;
  align-items:center;
  min-height:30px;
  padding:5px 8px;
  color:#718895;
  background:#08131a;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-rep-flow-balance>span:first-child { color:#48dfa6; }
.wrekt-rep-flow-balance>span:last-child { color:#ff687b; text-align:right; }
.wrekt-rep-flow-balance>i {
  height:6px;
  display:flex;
  overflow:hidden;
  border-radius:999px;
  background:#17252d;
}
.wrekt-rep-flow-balance>i b,
.wrekt-rep-flow-balance>i em {
  display:block;
  height:100%;
  transition:width .12s linear;
}
.wrekt-rep-flow-balance>i b { background:#3bd39b; }
.wrekt-rep-flow-balance>i em { background:#ef5f73; }
.wrekt-rep-flow-tape-list {
  min-height:370px;
  max-height:370px;
  overflow:hidden auto;
  scrollbar-width:thin;
}
.wrekt-rep-flow-trade {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 70px 58px;
  gap:6px;
  align-items:center;
  min-height:27px;
  padding:3px 8px;
  border-bottom:1px solid rgba(37,54,64,.42);
  font-variant-numeric:tabular-nums;
}
.wrekt-rep-flow-trade b,
.wrekt-rep-flow-trade strong,
.wrekt-rep-flow-trade span,
.wrekt-rep-flow-trade time {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wrekt-rep-flow-trade b { font-size:7px; }
.wrekt-rep-flow-trade[data-side="buy"] b,
.wrekt-rep-flow-trade[data-side="buy"] strong { color:#48dfa6; }
.wrekt-rep-flow-trade[data-side="sell"] b,
.wrekt-rep-flow-trade[data-side="sell"] strong { color:#ff687b; }
.wrekt-rep-flow-trade strong { font-size:9px; }
.wrekt-rep-flow-trade span,
.wrekt-rep-flow-trade time { color:#79909d; font-size:7px; text-align:right; }
.wrekt-rep-flow-empty {
  min-height:42px;
  display:grid;
  place-items:center;
  color:#617986;
  font-size:7px;
  text-align:center;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.12fr) minmax(145px,.7fr);
  gap:6px;
  align-items:start;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-cap,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-exec-tabs,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-active-position,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-status,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-submit {
  grid-column:1/-1;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-hero { grid-column:1; margin:0; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-trade-map { grid-column:2; margin:0; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-math {
  grid-column:3;
  grid-template-columns:1fr;
  margin:0;
}
.wrekt-rep-exec-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin-top:1px;
  padding:5px;
  border:1px solid #283d49;
  border-radius:6px;
  background:#071119;
}
.wrekt-rep-exec-tabs button {
  min-height:30px;
  border:1px solid transparent;
  border-radius:5px;
  color:#758c99;
  background:transparent;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.06em;
  cursor:pointer;
}
.wrekt-rep-exec-tabs button:hover { color:#d8ebf4; background:#0d1b24; }
.wrekt-rep-exec-tabs button.active {
  border-color:rgba(72,223,166,.46);
  color:#eafff6;
  background:rgba(37,114,86,.24);
  box-shadow:inset 0 -2px 0 #48dfa6;
}

/* Portrait gets four deliberate cards: Entry, Risk, Position, Flow. */
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-marketflow {
  position:absolute;
  z-index:2;
  inset:8px 10px 66px;
  min-width:0;
  min-height:0;
  margin:0;
  padding:12px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  border:1px solid rgba(82,111,140,.68);
  border-radius:16px;
  background:
    radial-gradient(circle at 86% 5%,rgba(62,132,203,.11),transparent 33%),
    linear-gradient(155deg,rgba(9,19,28,.985),rgba(5,11,17,.99));
  box-shadow:inset 0 0 36px rgba(54,121,181,.05),0 14px 32px rgba(0,0,0,.32);
  opacity:.28;
  pointer-events:none;
  transform:translateX(108%);
  transition:transform .2s cubic-bezier(.2,.72,.2,1),opacity .16s ease;
}
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="4"] .wrekt-rep-marketflow {
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="1"] .wrekt-rep-marketflow,
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="2"] .wrekt-rep-marketflow,
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="3"] .wrekt-rep-marketflow {
  transform:translateX(108%);
}
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="4"] .wrekt-rep-v2-direction,
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="4"] .wrekt-rep-v2-risk,
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow[data-rep-step="4"] .wrekt-rep-v2-outcome {
  transform:translateX(-108%);
}
body[data-layout-mode="phone-portrait"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-tape-list {
  min-height:0;
  max-height:none;
}

/* Landscape keeps all four information zones visible, mirroring the reference desk density. */
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
  grid-template-areas:"direction risk market outcome";
  grid-template-columns:minmax(0,.9fr) minmax(0,.92fr) minmax(0,1fr) minmax(0,1.05fr);
  gap:5px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-marketflow {
  grid-area:market;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden auto;
  padding:4px;
  border-radius:7px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-tabs button { min-height:23px; font-size:5px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-columns,
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-row {
  grid-template-columns:minmax(0,1fr) 50px 0;
  min-height:19px;
  padding:2px 4px;
  gap:4px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-columns span:last-child { display:none; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-row>i { opacity:.7; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-rows {
  max-height:78px;
  overflow:hidden;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-center { min-height:28px; padding:3px 4px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-center strong { font-size:9px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-center span { font-size:5px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-balance { grid-template-columns:auto 1fr auto; min-height:22px; padding:3px 4px; font-size:5px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-columns.tape,
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade {
  grid-template-columns:34px minmax(0,1fr) 44px;
}
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-columns.tape span:last-child,
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade time { display:none; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-tape-list { min-height:0; max-height:172px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade { min-height:20px; padding:2px 4px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-exec-tabs { grid-template-columns:repeat(2,1fr); padding:3px; gap:2px; }
body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-exec-tabs button { min-height:22px; font-size:5px; }

@media (max-width:720px) and (min-width:561px) {
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-drawer {
    width:min(96vw,760px);
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
    grid-template-columns:minmax(300px,1fr) minmax(260px,.9fr);
  }
}
/* TOXIC ONE-PAGE DESK PASS — 2026-09-23 */
@media (min-width:851px) {
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-drawer {
    width:min(920px,calc(100vw - 22px));
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-head {
    min-height:46px;
    padding:5px 8px 5px 10px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-head strong {
    font-size:15px;
    letter-spacing:.09em;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-tabs {
    min-height:34px;
    gap:4px;
    padding:4px 6px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-tabs button {
    min-height:27px;
    font-size:9px;
    letter-spacing:.08em;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-body,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-dialog {
    min-height:0;
    overflow:hidden;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-dialog form {
    min-height:0;
    height:100%;
    overflow:hidden;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] form.wrekt-rep-terminal {
    padding:6px !important;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] form.wrekt-rep-terminal > .wrekt-call-market-picker {
    gap:4px;
    margin:0 0 5px;
    padding:5px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-picker__head span {
    color:#9bb0bd;
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-picker__head small {
    color:#758996;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] #wrekt-call-symbol-select {
    min-height:31px;
    font-size:11px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
    grid-template-areas:
      "direction market"
      "risk market"
      "outcome outcome";
    grid-template-columns:minmax(365px,.98fr) minmax(390px,1.02fr);
    grid-template-rows:auto auto auto;
    gap:6px;
    align-items:start;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-direction,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-marketflow {
    padding:7px;
    border-radius:7px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap {
    min-height:18px;
    margin:0 0 4px;
    gap:6px;
    color:#b1c5cf;
    font-size:9px;
    letter-spacing:.085em;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap>span {
    min-width:34px;
    height:18px;
    padding:0 5px;
    font-size:8px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-head {
    min-height:27px;
    padding:0 1px 4px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-kicker {
    color:#829aa7;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market {
    margin-top:1px;
    font-size:15px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-row {
    gap:4px;
    margin:4px 0;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-market-row>div {
    min-height:38px;
    padding:5px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-reference-label,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-wallet>span {
    color:#8fa5b0;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-reference-price,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-wallet strong {
    margin-top:3px;
    font-size:12px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode {
    min-height:31px;
    gap:6px;
    margin:0 0 4px;
    padding:4px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode small {
    color:#8299a5;
    font-size:7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode strong {
    margin-top:1px;
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode em {
    margin-top:1px;
    color:#8a9ca6;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode b {
    padding:4px 6px;
    font-size:7px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction {
    gap:4px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button {
    min-height:42px;
    padding:5px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button strong {
    font-size:11px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button small {
    color:#879ca7;
    font-size:8px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr {
    margin-top:4px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr>span {
    min-width:56px;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr button {
    min-height:25px;
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position {
    min-height:27px;
    gap:6px;
    margin-top:4px;
    padding:4px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position small {
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position strong {
    font-size:10px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-position span {
    font-size:8px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk {
    gap:5px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-box,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-shape-box {
    padding:6px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head {
    gap:7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head small {
    color:#93a6b0;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head strong {
    margin-top:1px;
    font-size:10px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head em {
    margin-top:1px;
    color:#879aa5;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head output {
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-number output {
    padding:3px 6px;
    font-size:17px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-number strong {
    margin-top:2px;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-box input,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-shape-box input {
    margin-top:5px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-scale,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-shape-scale {
    font-size:7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-warning {
    min-height:23px;
    padding:4px 6px;
    font-size:8px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-marketflow {
    min-height:0;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-cap b {
    padding:3px 6px;
    font-size:7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-tabs {
    gap:4px;
    margin-bottom:4px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-tabs button {
    min-height:27px;
    color:#91a6b2;
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-columns {
    grid-template-columns:minmax(0,1fr) 82px 76px;
    min-height:22px;
    padding:3px 7px;
    color:#8ba0ab;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row {
    grid-template-columns:minmax(0,1fr) 82px 76px;
    min-height:22px;
    padding:2px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row>i {
    top:1px;
    bottom:1px;
    right:0;
    width:var(--flow-fill,0%);
    border-left:1px solid rgba(255,255,255,.035);
    opacity:1;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row[data-side="ask"]>i {
    background:linear-gradient(90deg,rgba(255,104,123,.06),rgba(255,104,123,.43));
    box-shadow:inset -1px 0 0 rgba(255,132,148,.34);
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row[data-side="bid"]>i {
    background:linear-gradient(90deg,rgba(72,223,166,.06),rgba(72,223,166,.40));
    box-shadow:inset -1px 0 0 rgba(98,236,184,.32);
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row strong {
    font-size:10px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row span {
    color:#a0b1ba;
    font-size:9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row .wrekt-rep-flow-depth {
    color:#d0dbe0;
    font-weight:900;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-center {
    min-height:31px;
    padding:4px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-center strong {
    font-size:13px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-center span {
    color:#91a5af;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-balance {
    min-height:27px;
    padding:4px 7px;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-balance>i {
    height:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-tape-list {
    min-height:0;
    max-height:274px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade {
    min-height:23px;
    padding:2px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade b,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade span,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade time {
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-trade strong {
    font-size:10px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
    grid-template-columns:minmax(0,.76fr) minmax(0,1.18fr) minmax(150px,.68fr);
    gap:5px;
    padding-bottom:6px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-hero>div {
    min-height:46px;
    padding:5px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-hero strong {
    font-size:14px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-trade-row {
    min-height:31px;
    padding:4px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-entry {
    min-height:25px;
    padding:3px 7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-math {
    gap:3px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-math>div {
    padding:4px 6px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-exec-tabs {
    gap:3px;
    margin-top:0;
    padding:4px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-exec-tabs button {
    min-height:25px;
    color:#8fa3ad;
    font-size:8px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-position {
    margin-top:0;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-head {
    padding:5px 7px 5px 9px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-grid {
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-grid>div {
    padding:4px 6px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-grid small {
    font-size:7px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-active-grid strong {
    font-size:9px;
  }

  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-status {
    min-height:12px;
    margin:2px 1px 0;
    color:#8aa0aa;
    font-size:8px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-enabled .wrekt-call-submit {
    min-height:34px;
    margin-top:2px;
    font-size:10px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-fineprint {
    grid-column:1/-1;
    margin:0;
    color:#82949f;
    font-size:8px;
    line-height:1.25;
  }
}

@media (min-width:851px) and (max-height:760px) {
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-head { min-height:42px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-utility-tabs { min-height:31px; padding-block:3px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] form.wrekt-rep-terminal { padding:5px !important; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow { gap:5px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-direction,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome,
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-marketflow { padding:5px 6px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button { min-height:38px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-flow-row { min-height:20px; }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-fineprint { display:none; }
}
/* REP CLEAN DESK — 2026-09-29
   Desktop REP is deliberately three things: entry, risk, receipt. */
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
  display:grid;
  grid-template-areas:
    "direction risk"
    "outcome outcome";
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  grid-template-rows:auto minmax(0,1fr);
  gap:9px;
  min-height:0;
  height:calc(100% - 54px);
  align-items:stretch;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-direction { grid-area:direction; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk { grid-area:risk; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome { grid-area:outcome; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-direction,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
  border-color:rgba(62,91,106,.72);
  background:linear-gradient(180deg,rgba(8,20,28,.92),rgba(5,13,19,.94));
  box-shadow:none;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap {
  min-height:18px;
  margin-bottom:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#dcebf2;
  font-size:10px;
  letter-spacing:.08em;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-cap>span {
  min-width:auto;
  height:auto;
  padding:0;
  border:0;
  background:transparent;
  color:#55d6aa;
  font-size:8px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode {
  min-height:32px;
  margin-bottom:7px;
  padding:6px 8px;
  border:0;
  border-radius:6px;
  background:rgba(7,17,23,.72);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-terminal-mode em { display:none; }

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction {
  gap:6px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button {
  min-height:44px;
  border-radius:7px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-call-direction button small {
  opacity:.72;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr {
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(67,92,105,.36);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr>span {
  color:#748d99;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-rr button {
  min-height:30px;
  background:rgba(7,17,23,.76);
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk {
  grid-template-columns:1fr 1fr;
  gap:0 10px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk>.wrekt-rep-v2-cap {
  grid-column:1/-1;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-box,
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-shape-box {
  min-width:0;
  margin:0;
  padding:8px 2px 2px;
  border:0;
  border-top:1px solid rgba(67,92,105,.36);
  border-radius:0;
  background:transparent;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head {
  min-height:40px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-control-head em {
  display:none;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-risk-number output {
  font-size:18px;
}

body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
  display:grid;
  grid-template-columns:minmax(210px,.72fr) minmax(330px,1.28fr);
  grid-template-areas:
    "cap cap"
    "hero map"
    "math map"
    "active active"
    "status status"
    "submit submit"
    "fine fine";
  grid-template-rows:auto minmax(78px,1fr) auto auto auto auto auto;
  gap:7px 9px;
  min-height:0;
  height:100%;
  padding:9px;
  align-items:stretch;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-cap { grid-area:cap; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-hero {
  grid-area:hero;
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin:0;
  min-height:0;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-hero>div {
  display:grid;
  align-content:center;
  min-height:0;
  padding:9px 10px;
  border:0;
  border-left:2px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(7,17,23,.72);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-trade-map {
  grid-area:map;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
  margin:0;
  min-height:0;
  border-color:rgba(57,83,96,.56);
  background:rgba(5,14,20,.72);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-trade-row {
  min-height:0;
  height:100%;
  padding:8px 10px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-entry {
  min-height:34px;
  padding:6px 10px;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-v2-math {
  grid-area:math;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:0;
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-math>div {
  min-height:42px;
  padding:7px 8px;
  border:0;
  border-radius:5px;
  background:rgba(7,17,23,.72);
}
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-rep-active-position { grid-area:active; margin-top:0; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-status { grid-area:status; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-submit { grid-area:submit; margin-top:0; min-height:38px; }
body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-fineprint {
  grid-area:fine;
  margin:0;
  text-align:center;
  opacity:.62;
}

@media (min-width:851px) and (max-height:760px) {
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
    height:calc(100% - 48px);
    gap:6px;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome {
    grid-template-rows:auto minmax(62px,1fr) auto auto auto;
  }
  body:not([data-layout-mode^="phone-"])[data-wrekt-utility-panel="call"] .wrekt-rep-v2-outcome>.wrekt-call-fineprint {
    display:none;
  }
}

body[data-layout-mode="phone-landscape"][data-wrekt-utility-panel="call"] .wrekt-rep-v2-flow {
  grid-template-areas:"direction risk outcome";
  grid-template-columns:minmax(0,.9fr) minmax(0,.92fr) minmax(0,1.05fr);
}