/* ── Logs Man — 1:1 replica of the reference "G 1" card ─────────────────────
   Every value below is translated from the reference's MEASURED Tailwind
   classes (extracted live from the source page, not eyeballed):
   card: rounded-xl p-6 bg-gradient(#0f1923 → #162a3a) border-cyan-500/20
   selects/inputs: bg-slate-800/80 border-slate-600/50 rounded-lg py-2.5
   digit buttons: flex-1 py-2 rounded-lg bg-slate-700/50; selected green-600/red-600 + glow
   stake cards: rounded-xl p-3 bg-green-500/5 border-green-500/20 (red mirror)
   pill toggles: px-3 py-1 rounded-lg text-[10px]; track w-7 h-3.5
   iOS toggles: w-9 h-5 bg-gray-700 -> sky/cyan when on
   CTA: py-3.5 rounded-xl gradient cyan-600→teal-600; 2x amber→orange; 3x rose→red */

.lm-workspace{display:none; flex-direction:column; gap:16px;}

.lm-card{backdrop-filter:blur(24px); border-radius:12px; padding:24px;
  border:1px solid rgba(212,175,55,.28);
  background:linear-gradient(to bottom right,#0f1923,#162a3a);}

/* Header */
.lm-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.lm-header-left{display:flex; align-items:center; gap:12px;}
.lm-logo{width:40px; height:40px; border-radius:12px; color:#f0c75e;
  background:linear-gradient(to bottom right,rgba(212,175,55,.3),rgba(180,131,10,.25));
  border:1px solid rgba(212,175,55,.45);
  display:flex; align-items:center; justify-content:center;}
.lm-title{font-size:18px; font-weight:700; color:#fff; margin:0;}
.lm-sub{font-size:12px; color:#9ca3af; margin:0;}
.lm-live-mini{display:flex; align-items:center; gap:6px; font-size:11px; color:#f0c75e;}
.lm-live-dot{width:6px; height:6px; border-radius:50%; background:#f0c75e;
  animation:lmPulse 1.6s infinite;}
@keyframes lmPulse{0%,100%{opacity:1}50%{opacity:.3}}
.lm-live-digit{font-family:ui-monospace,monospace; font-weight:800; font-size:15px;
  color:#f5d97b; min-width:14px; text-align:center;}

.lm-stack{display:flex; flex-direction:column; gap:16px; margin-bottom:24px;}
.lm-between{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.lm-flex1{flex:1;}

.lm-label{display:block; font-size:12px; font-weight:500; color:#9ca3af; margin-bottom:6px;}
.lm-label-inline{font-size:12px; font-weight:500; color:#9ca3af;
  display:flex; align-items:center; gap:6px;}

.lm-select,.lm-input{width:100%; background:rgba(30,41,59,.8);
  border:1px solid rgba(71,85,105,.5); border-radius:8px; padding:10px 12px;
  font-size:14px; color:#fff; outline:none;}
.lm-select:focus,.lm-input:focus{border-color:rgba(212,175,55,.55);}

/* Pill toggle buttons (Scan Pairs / Double Barrier) */
.lm-pill{display:flex; align-items:center; gap:6px; padding:4px 12px;
  border-radius:8px; font-size:10px; font-weight:600; cursor:pointer;
  transition:all .15s; background:rgba(30,41,59,.6);
  border:1px solid rgba(71,85,105,.4); color:#6b7280;}
.lm-pill:hover{color:#d1d5db; border-color:rgba(100,116,139,.5);}
.lm-pill .lm-pill-track{width:28px; height:14px; border-radius:999px;
  background:#334155; position:relative; transition:all .15s; display:inline-block;}
.lm-pill .lm-pill-knob{position:absolute; top:2px; left:2px; width:10px; height:10px;
  border-radius:50%; background:#64748b; transition:all .15s;}
.lm-pill.on{background:rgba(168,85,247,.16); border-color:rgba(168,85,247,.45); color:#c084fc;}
.lm-pill.on .lm-pill-track{background:rgba(168,85,247,.4);}
.lm-pill.on .lm-pill-knob{left:auto; right:2px; background:#c084fc;}

/* Digit rows */
.lm-digits{display:flex; gap:4px;}
.lm-digits button{flex:1; padding:8px 0; border-radius:8px; font-size:12px;
  font-weight:700; transition:all .15s; background:rgba(51,65,85,.5);
  color:#9ca3af; border:none; cursor:pointer;}
.lm-digits button:hover:not(:disabled){background:rgba(71,85,105,.5); color:#fff;}
.lm-digits button:disabled{opacity:.3; cursor:not-allowed;}
.lm-digits button.sel-green{background:#16a34a; color:#fff;
  box-shadow:0 10px 15px -3px rgba(34,197,94,.3);}
.lm-digits button.sel-red{background:#dc2626; color:#fff;
  box-shadow:0 10px 15px -3px rgba(239,68,68,.3);}
.lm-hint{font-size:10px; margin:4px 0 0; display:flex; align-items:center; gap:4px;}
.lm-hint-green{color:rgba(74,222,128,.6);}
.lm-hint-red{color:rgba(248,113,113,.6);}

/* Stake cards */
/* minmax(0,1fr) so the two stake cards shrink to the container — they stay
   side by side on EVERY width (incl. the narrow desktop right-column and
   mobile) instead of overflowing or collapsing. */
.lm-stakes{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-bottom:12px;}
.lm-stake-card{border-radius:12px; padding:12px; transition:all .2s; border:1px solid;}
.lm-stake-over{background:rgba(34,197,94,.05); border-color:rgba(34,197,94,.2);}
.lm-stake-under{background:rgba(239,68,68,.05); border-color:rgba(239,68,68,.2);}
.lm-stake-card.off{opacity:.45;}
.lm-stake-title{font-size:12px; font-weight:500; display:flex; align-items:center; gap:4px; margin-bottom:6px;}
.lm-green{color:#4ade80;} .lm-green-dim{color:rgba(134,239,172,.7);}
.lm-red{color:#f87171;} .lm-red-dim{color:rgba(252,165,165,.7);}
.lm-cyan{color:#f0c75e; font-weight:600;} .lm-cyan-dim{color:#f5d97b; font-weight:600;}
.lm-mini-toggle{width:28px; height:14px; border-radius:999px; border:none;
  cursor:pointer; position:relative; transition:all .15s; background:#374151;}
.lm-mini-toggle span{position:absolute; top:2px; left:2px; width:10px; height:10px;
  border-radius:50%; background:#6b7280; transition:all .15s;}
.lm-mini-green.on{background:rgba(34,197,94,.4);}
.lm-mini-green.on span{left:auto; right:2px; background:#4ade80;}
.lm-mini-red.on{background:rgba(239,68,68,.4);}
.lm-mini-red.on span{left:auto; right:2px; background:#f87171;}
.lm-input-wrap{position:relative;}
.lm-dollar{position:absolute; left:12px; top:50%; transform:translateY(-50%); font-size:14px;}
.lm-input-wrap .lm-input{padding-left:28px;}
.lm-input-green{border-color:rgba(22,163,74,.3);}
.lm-input-green:focus{border-color:rgba(34,197,94,.5);}
.lm-input-red{border-color:rgba(220,38,38,.3);}
.lm-input-red:focus{border-color:rgba(239,68,68,.5);}
.lm-kv{display:flex; align-items:center; justify-content:space-between; margin-top:8px;}
.lm-kv span{font-size:10px; color:#6b7280;}
.lm-kv b{font-size:12px; font-weight:600;}

/* Duration + totals */
.lm-duration-row{display:flex; align-items:flex-start; gap:12px; margin-bottom:16px;}
.lm-totals{flex:1; text-align:right; padding-top:20px;}
.lm-totals p{font-size:10px; color:#6b7280; margin:0 0 2px;}

/* Cooldown */
.lm-cooldown{margin-bottom:16px;}
.lm-chips{display:flex; gap:8px; margin-top:8px;}
.lm-chips button{flex:1; padding:8px 0; border-radius:8px; font-size:12px;
  font-weight:700; transition:all .15s; cursor:pointer;
  background:rgba(30,41,59,.6); border:1px solid rgba(51,65,85,.4); color:#6b7280;}
.lm-chips button:hover{color:#d1d5db; border-color:rgba(100,116,139,.5);}
.lm-chips button.on{background:rgba(168,85,247,.2); border-color:rgba(168,85,247,.45);
  color:#c084fc; box-shadow:0 10px 15px -3px rgba(168,85,247,.12);}
.lm-note{font-size:10px; color:#6b7280; margin:6px 0 0;}

/* iOS toggles */
.lm-ios-toggle{position:relative; width:36px; height:20px; border-radius:999px;
  border:none; cursor:pointer; transition:all .3s; background:#374151; flex:0 0 auto;}
.lm-ios-toggle:hover{background:#4b5563;}
.lm-ios-toggle span{position:absolute; top:2px; left:2px; width:16px; height:16px;
  border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3);
  transition:all .3s;}
.lm-ios-toggle.on{background:rgba(212,175,55,.75);}
.lm-ios-toggle.on span{left:18px;}
.lm-ios-sky.on{background:rgba(212,175,55,.65);}

/* Slim strips + cards */
.lm-slim-strip{display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:8px 10px; border-radius:8px; margin-bottom:14px;
  background:rgba(30,41,59,.4); border:1px solid rgba(226,182,104,.13);}
.lm-slim-card{border-radius:12px; border:1px solid rgba(51,65,85,.3);
  background:rgba(30,41,59,.3); overflow:hidden; margin-bottom:14px;}
.lm-slim-row{display:flex; align-items:center; gap:8px; padding:10px 12px; flex-wrap:wrap;}
.lm-slim-ico{color:#4b5563; flex:0 0 auto;}
.lm-slim-label{font-size:11px; font-weight:500; color:#6b7280;}
.lm-slim-note{font-size:9px; color:#4b5563; margin-left:4px;}
.lm-inline-input{display:flex; align-items:center; gap:4px; margin-left:4px;}
.lm-inline-input span{font-size:9px; color:#6b7280;}
.lm-inline-input input{width:44px; height:20px; font-size:10px; text-align:center;
  font-family:ui-monospace,monospace; font-weight:700; color:#fb923c;
  background:rgba(30,41,59,.6); border:1px solid rgba(71,85,105,.5);
  border-radius:4px; outline:none;}
.lm-inline-input input:focus{border-color:rgba(249,115,22,.5);}
.lm-streak-now{font-size:9px; color:#64748b; margin-left:auto;
  font-family:ui-monospace,monospace;}
.lm-state-chip{font-size:9px; padding:2px 8px; border-radius:999px; margin-left:auto;
  background:rgba(212,175,55,.15); color:#f0c75e; border:1px solid rgba(212,175,55,.4);}

/* Auto Stop Rails body */
.lm-take-body{padding:0 12px 12px;}
.lm-take-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}

/* Fire buttons */
.lm-fire-row{display:flex; gap:8px;}
.lm-fire-main{flex:1; padding:14px 0; border-radius:12px; font-size:14px;
  font-weight:700; color:#fff; border:none; cursor:pointer;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.3);
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(to right,#b8860b,#d4af37); transition:all .2s;}
.lm-fire-main:hover:not(:disabled){background:linear-gradient(to right,#d4af37,#f0c75e);
  transform:scale(1.02);}
.lm-fire-main:active{transform:scale(.98);}
.lm-fire-main:disabled{opacity:.5; cursor:not-allowed; transform:none;}
.lm-fire-main span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lm-auto-msg{font-size:11px; color:#cbd5e1; background:rgba(30,41,59,.6);
  border-radius:8px; padding:8px 10px; line-height:1.5; margin-top:10px;}
.lm-auto-msg.win{color:#6ee7b7;} .lm-auto-msg.loss{color:#fda4af;}

/* Scanner rows */
.lm-scan-rows{display:flex; flex-direction:column; gap:6px;}
.lm-scan-row{display:flex; align-items:center; justify-content:space-between;
  font-size:11px; padding:7px 12px; border-radius:8px; cursor:pointer;
  background:rgba(30,41,59,.55); border:1px solid rgba(71,85,105,.25); color:#cbd5e1;}
.lm-scan-row:hover{border-color:rgba(212,175,55,.5);}
.lm-scan-row.current{border-color:rgba(212,175,55,.6); background:rgba(212,175,55,.08);}
.lm-scan-streak{font-family:ui-monospace,monospace; font-weight:700; color:#f5d97b;}
.lm-scan-note{font-size:9px; color:#64748b;}

/* History filter buttons — exact clone of .gx-filter-btn (distinct class so
   goon_x.js's querySelectorAll never rewrites ours). Cards/stats reuse the
   shared tx-history-card / trade-card / tc-* classes = identical to Goon X. */
.lm-filter-btn{padding:5px 10px; border-radius:5px;
  border:1px solid rgba(226,182,104,.16); background:transparent;
  color:rgba(175,195,240,.6); font-size:11px; cursor:pointer; transition:all .15s;}
.lm-filter-btn:hover{background:rgba(168,85,247,.1);
  border-color:rgba(168,85,247,.28); color:#c084fc;}
.lm-filter-btn.active{background:rgba(168,85,247,.18);
  border-color:rgba(168,85,247,.45); color:#c084fc;}

/* Live Analysis (reference card #2 — measured values) */
.lm-la-card{background:#0f1923;}
.lm-la-head{display:flex; align-items:center; gap:8px; margin-bottom:20px;}
.lm-la-ico{color:#f0c75e;}
.lm-la-title{font-size:14px; font-weight:700; color:#fff; margin:0;}
.lm-la-ticks{font-size:10px; color:#6b7280; margin-left:auto;}
.lm-la-tiles{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px;}
.lm-la-tile{padding:16px; border-radius:12px; transition:all .2s;
  background:rgba(30,41,59,.4); border:1px solid rgba(51,65,85,.4);}
.lm-la-tile.leaning-over{background:rgba(34,197,94,.1); border-color:rgba(34,197,94,.4);}
.lm-la-tile.leaning-under{background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.4);}
.lm-la-tile-head{display:flex; align-items:center; gap:8px; margin-bottom:8px;}
.lm-la-side{font-size:12px; font-weight:700;}
.lm-la-pct{font-size:24px; font-weight:700; color:#fff;}
.lm-la-sub{font-size:10px; color:#6b7280; margin:4px 0 0;}
.lm-la-lean{display:flex; align-items:center; justify-content:space-between;
  padding:12px; border-radius:8px; margin-bottom:20px;
  background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3);}
.lm-la-lean.under{background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.3);}
.lm-la-lean-label{font-size:12px; font-weight:600; color:#e2e8f0;}
.lm-la-lean-label b{color:#4ade80;}
.lm-la-lean.under .lm-la-lean-label b{color:#f87171;}
.lm-la-lean-chip{font-size:12px; font-weight:700; padding:3px 10px; border-radius:6px;
  background:rgba(34,197,94,.25); color:#4ade80;}
.lm-la-lean.under .lm-la-lean-chip{background:rgba(239,68,68,.25); color:#f87171;}
.lm-la-streak{padding:12px; border-radius:8px; margin-bottom:20px; font-size:12px;
  font-weight:600; color:#fbbf24;
  background:rgba(245,158,11,.1); border:1px solid rgba(245,158,11,.3);}
.lm-la-dist-head{display:flex; align-items:center; gap:8px; margin-bottom:12px;
  font-size:12px; font-weight:500; color:#9ca3af;}
.lm-la-bars{display:flex; flex-direction:column; gap:6px; margin-bottom:20px;}
.lm-la-bar-row{display:flex; align-items:center; gap:8px;}
.lm-la-bar-digit{font-size:12px; font-family:ui-monospace,monospace; width:16px;
  text-align:center;}
.lm-la-bar-digit.lose{color:#f87171;} .lm-la-bar-digit.win{color:#4ade80;}
.lm-la-bar-track{flex:1; height:16px; background:rgba(30,41,59,.6);
  border-radius:4px; overflow:hidden;}
.lm-la-bar-fill{height:100%; border-radius:4px; transition:all .3s;}
.lm-la-bar-fill.lose{background:rgba(239,68,68,.6);}
.lm-la-bar-fill.win{background:rgba(34,197,94,.6);}
.lm-la-bar-count{font-size:10px; color:#6b7280; width:24px; text-align:right;}
.lm-la-chips{display:flex; flex-wrap:wrap; gap:6px;}
.lm-la-chip{width:26px; height:26px; border-radius:6px; display:flex;
  align-items:center; justify-content:center; font-size:12px; font-weight:700;
  font-family:ui-monospace,monospace;}
.lm-la-chip.win{background:rgba(34,197,94,.15); color:#4ade80;
  border:1px solid rgba(34,197,94,.4);}
.lm-la-chip.lose{background:rgba(239,68,68,.15); color:#f87171;
  border:1px solid rgba(239,68,68,.4);}
.lm-la-chip.latest{outline:2px solid rgba(212,175,55,.75);}

/* Strategy list icon */
.strategy-icon-logsman{background:linear-gradient(135deg,rgba(212,175,55,.3),rgba(180,131,10,.25));
  border:1px solid rgba(212,175,55,.55);}
.strategy-mark-logsman{color:#f0c75e; font-size:16px; font-weight:800;}

@media (max-width:640px){
  /* Over/Under stake cards stay side by side on mobile (owner direction);
     only the Auto Stop Rails number inputs stack. */
  .lm-take-grid{grid-template-columns:1fr;}
  .lm-duration-row{flex-direction:column;}
  .lm-totals{text-align:left; padding-top:0;}
}