/* ==========================================================
   JEANUSTRADE — replay.css
   Modo Replay + FAB P3 speed-dial (aprovado maquete).
   Overlay: não altera altura do gráfico.
   ========================================================== */

/* body.jt-replay aplicado pelo engine ao entrar */
body.jt-replay .account-badge{
  padding:6px 8px !important;
  min-width:0;
}
body.jt-replay .account-badge #accountBadgeLabel,
body.jt-replay .account-badge .account-badge-label{
  display:none !important;
}
body.jt-replay .account-badge::after{
  content:'OFF';
  font-size:10px;font-weight:800;color:#9aa0b8;margin-left:2px;
}
/* pill play do bot escondido em replay (não misturar modos) */
body.jt-replay .btn-ctrl,
body.jt-replay #mainBtn,
body.jt-replay .pill-dock,
body.jt-replay .ctrl-dock{
  /* fallback: só esconde se existirem classes conhecidas — ver UI também */
}

/* ── banner topo ── */
.jt-replay-bar{
  display:none;
  align-items:center;gap:8px;
  padding:6px 12px;
  background:linear-gradient(90deg,rgba(245,165,36,.16),rgba(232,89,12,.08));
  border-bottom:0.5px solid rgba(245,165,36,.32);
  font-size:11px;font-weight:800;color:#ffd089;
  z-index:40;
}
body.jt-replay .jt-replay-bar{display:flex;}
.jt-replay-bar .rpb-tag{
  padding:2px 8px;border-radius:6px;font-size:10px;letter-spacing:.04em;
  background:linear-gradient(90deg,#f5a524,#e8590c);color:#1a1100;
}
.jt-replay-bar .rpb-info{
  flex:1;min-width:0;font-weight:600;font-size:10px;
  color:rgba(255,220,160,.9);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  cursor:pointer;
}
.jt-replay-bar .rpb-btn{display:none;} /* controlos passam ao FAB P3 */

/* ── FAB P3 speed-dial ── */
.jt-rp-dial{
  display:none;
  position:fixed;
  right:14px;
  bottom:calc(88px + env(safe-area-inset-bottom,0px));
  width:56px;height:56px;
  z-index:55;
  pointer-events:none;
}
body.jt-replay .jt-rp-dial{display:block;pointer-events:auto;}

.jt-rp-sat{
  position:absolute;right:6px;bottom:6px;
  width:44px;height:44px;border-radius:14px;
  border:0.5px solid rgba(255,255,255,.14);
  background:rgba(14,16,28,.9);
  backdrop-filter:blur(16px) saturate(170%);
  -webkit-backdrop-filter:blur(16px) saturate(170%);
  color:#eef0fa;
  display:grid;place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 18px rgba(0,0,0,.35);
  cursor:pointer;
  opacity:0;pointer-events:none;
  transform:scale(.55);
  transition:transform .22s cubic-bezier(.32,.72,0,1), opacity .2s, bottom .22s, right .22s;
  -webkit-tap-highlight-color:transparent;
}
.jt-rp-sat svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
.jt-rp-sat.danger{color:#ff8a80;border-color:rgba(255,69,58,.4)}
.jt-rp-sat.restart{color:#7ecbff;border-color:rgba(0,176,255,.35)}
.jt-rp-sat .tip{
  position:absolute;right:52px;top:50%;transform:translateY(-50%);
  padding:4px 8px;border-radius:8px;font-size:10px;font-weight:800;
  background:rgba(0,0,0,.78);color:#ffd089;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .15s;
}
.jt-rp-sat[data-i="3"] .tip{right:auto;left:52px}

.jt-rp-dial.open .jt-rp-sat{
  opacity:1;pointer-events:auto;transform:scale(1);
}
.jt-rp-dial.open .jt-rp-sat[data-i="1"]{bottom:66px}
.jt-rp-dial.open .jt-rp-sat[data-i="2"]{bottom:116px}
.jt-rp-dial.open .jt-rp-sat[data-i="3"]{bottom:6px;right:66px}
.jt-rp-dial.open .jt-rp-sat .tip{opacity:1}

.jt-rp-main{
  position:absolute;right:0;bottom:0;
  width:56px;height:56px;border-radius:18px;
  border:none;
  background:linear-gradient(145deg,#f5a524,#e8590c);
  color:#1a1100;
  display:grid;place-items:center;
  box-shadow:0 6px 22px rgba(245,165,36,.42),inset 0 1px 0 rgba(255,255,255,.25);
  cursor:pointer;z-index:3;
  transition:transform .12s, background .15s, box-shadow .15s;
  -webkit-tap-highlight-color:transparent;
}
.jt-rp-main:active{transform:scale(.94)}
.jt-rp-main svg{width:22px;height:22px;fill:currentColor;pointer-events:none}
.jt-rp-main.playing{
  background:rgba(20,22,34,.92);
  border:0.5px solid rgba(245,165,36,.55);
  color:#ffd089;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 16px rgba(0,0,0,.35);
}
.jt-rp-main.expanded{
  box-shadow:0 0 0 3px rgba(245,165,36,.25),0 6px 22px rgba(245,165,36,.35);
}

/* ── sheet (já existente, reforço glass) ── */
.sheet-overlay.rp-overlay{background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.sheet.rp-sheet{
  max-height:min(88vh,640px);
  border:0.5px solid rgba(245,165,36,.28);
  box-shadow:0 -12px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);
}
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.rp-head h2{font-size:16px;font-weight:800;margin:0;}
.rp-x{background:transparent;border:0;color:var(--muted,#9aa0b8);font-size:20px;cursor:pointer;line-height:1;padding:4px 8px;}
.rp-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:rgba(255,255,255,.06);border-radius:12px;padding:3px;margin-bottom:12px;}
.rp-seg button{border:0;background:transparent;color:var(--muted,#9aa0b8);font:700 12px inherit;padding:9px 0;border-radius:9px;cursor:pointer;transition:background .15s,color .15s;}
.rp-seg button.on{background:var(--accent,#00b0ff);color:#fff;}
.rp-seg button#rpSegReplay.on{background:linear-gradient(90deg,#f5a524,#e8590c);color:#1a1100;}

.rp-box{border:1px solid var(--border2,rgba(255,255,255,.12));border-radius:12px;padding:10px 12px;background:var(--card,rgba(20,24,40,.5));}
.rp-idle{font-size:12px;color:var(--muted,#9aa0b8);font-weight:600;}
.rp-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center;}
.rp-bal{font-weight:800;color:#f5a524;}
.rp-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.08);margin:8px 0 10px;overflow:hidden;}
.rp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f5a524,#e8590c);transition:width .25s linear;}
.rp-ctl{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.rp-sel{background:var(--surface,rgba(0,0,0,.25));border:1px solid var(--border2,rgba(255,255,255,.12));color:var(--text,#eef0fa);border-radius:10px;padding:8px;font-size:12px;font-weight:700;}

.rp-btn{
  border:1px solid var(--border2,rgba(255,255,255,.12));background:var(--surface,rgba(0,0,0,.2));color:var(--text,#eef0fa);
  border-radius:10px;padding:9px 10px;font-size:12px;font-weight:800;cursor:pointer;
  font-family:inherit;transition:transform .12s;
}
.rp-btn:active{transform:scale(.96);}
.rp-btn:disabled{opacity:.4;cursor:not-allowed;}
.rp-btn.danger{color:#ff6b6b;border-color:rgba(255,107,107,.4);}
.rp-btn.go{background:linear-gradient(90deg,#f5a524,#e8590c);color:#1a1100;border-color:transparent;}

.rp-list{display:flex;flex-direction:column;gap:6px;}
.rp-row{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;border:1px solid var(--border2,rgba(255,255,255,.12));border-radius:12px;padding:8px 10px;background:var(--card,rgba(20,24,40,.4));}
.rp-rinfo{min-width:0;display:flex;flex-direction:column;gap:2px;}
.rp-rinfo b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rp-rinfo span{font-size:10px;color:var(--muted,#9aa0b8);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rp-empty{font-size:12px;color:var(--muted,#9aa0b8);padding:6px 2px;}

.rp-grid{display:flex;flex-direction:column;gap:8px;}
.rp-inl{display:flex;gap:6px;align-items:center;}
.rp-inl input{flex:0 0 68px;min-width:0;background:var(--card,rgba(0,0,0,.25));border:1px solid var(--border2,rgba(255,255,255,.12));color:var(--text,#eef0fa);border-radius:8px;padding:9px 8px;font-size:13px;font-weight:700;text-align:center;font-family:inherit;}
.rp-inl .rp-btn{flex:1;}
.rp-hint{font-size:10px;color:var(--muted,#9aa0b8);line-height:1.4;margin:6px 2px 2px;}
.rp-ico{width:18px;text-align:center;}