/* ReplayTower — Expérience BÊTA (styles additifs, isolés) v1 · 2026-10-17
   Fichier nouveau : n'écrase aucune règle de styles/app.css.
   Thème clair/sombre (prefers-color-scheme) ; cibles tactiles ≥ 24px (standard a11y déjà livré). */

.rtbeta-bar{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 16px; font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:#fff7ed; color:#7c2d12; border-bottom:1px solid #fed7aa;
}
.rtbeta-bar-txt{flex:1 1 220px; min-width:0}
.rtbeta-bar-x{
  min-height:32px; min-width:72px; padding:4px 12px; cursor:pointer;
  border:1px solid #fdba74; border-radius:8px; background:transparent; color:inherit; font:inherit;
}
.rtbeta-bar-x:hover{background:#ffedd5}

.rtbeta-welcome{
  max-width:560px; margin:16px auto; padding:20px; border-radius:14px;
  background:#f8fafc; color:#0f172a; border:1px solid #e2e8f0;
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.rtbeta-welcome-h{margin:0 0 4px; font-size:1.25rem}
.rtbeta-welcome-sub{margin:0 0 10px; color:#475569}
.rtbeta-steps{margin:0 0 14px; padding-left:1.3em}
.rtbeta-step{margin:6px 0}
.rtbeta-unfinished{margin:12px 0; padding:12px; border-radius:10px; background:#fef2f2; border:1px solid #fecaca}
.rtbeta-unfinished-h{margin:0 0 6px; font-weight:600; color:#991b1b}
.rtbeta-unfinished-list{margin:0; padding-left:0; list-style:none}
.rtbeta-unfinished-item{display:flex; align-items:flex-start; gap:8px; margin:6px 0}
.rtbeta-flag{
  flex:0 0 auto; min-height:20px; padding:2px 8px; border-radius:999px;
  font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
  background:#fde68a; color:#78350f;
}
.rtbeta-welcome-ok{
  min-height:40px; padding:8px 18px; cursor:pointer;
  border:none; border-radius:10px; background:#2563eb; color:#fff; font:inherit; font-weight:600;
}
.rtbeta-welcome-ok:hover{background:#1d4ed8}

.rtbeta-pay-off{opacity:.55; filter:grayscale(1); pointer-events:none}

.rtbeta-report-btn{
  position:fixed; right:16px; bottom:16px; z-index:9998;
  min-height:40px; min-width:44px; padding:8px 16px; cursor:pointer;
  border:none; border-radius:999px; background:#0f172a; color:#fff; font:14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-weight:600;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.rtbeta-report-btn:hover{background:#1e293b}
.rtbeta-report-panel{
  position:fixed; right:16px; bottom:68px; z-index:9999; width:min(92vw,340px);
  padding:16px; border-radius:14px; background:#fff; color:#0f172a; border:1px solid #e2e8f0;
  box-shadow:0 8px 30px rgba(0,0,0,.22); font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.rtbeta-report-h{margin:0 0 8px; font-weight:600}
.rtbeta-report-ta{width:100%; box-sizing:border-box; resize:vertical; padding:8px; border:1px solid #cbd5e1; border-radius:8px; font:inherit}
.rtbeta-report-row{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.rtbeta-report-send,.rtbeta-report-copy{min-height:36px; padding:6px 14px; cursor:pointer; border-radius:8px; font:inherit; font-weight:600}
.rtbeta-report-send{border:none; background:#2563eb; color:#fff}
.rtbeta-report-send:hover{background:#1d4ed8}
.rtbeta-report-copy{border:1px solid #cbd5e1; background:transparent; color:inherit}
.rtbeta-report-copy:hover{background:#f1f5f9}
.rtbeta-report-note{margin:10px 0 0; color:#64748b; font-size:.82rem}

@media (prefers-color-scheme:dark){
  .rtbeta-bar{background:#2a1a0e; color:#fdba74; border-bottom-color:#7c2d12}
  .rtbeta-bar-x{border-color:#7c2d12}
  .rtbeta-bar-x:hover{background:#3a2414}
  .rtbeta-welcome{background:#161b22; color:#e6e9ee; border-color:#2a313b}
  .rtbeta-welcome-sub{color:#9aa4b2}
  .rtbeta-unfinished{background:#2a1416; border-color:#7f1d1d}
  .rtbeta-unfinished-h{color:#fca5a5}
  .rtbeta-flag{background:#78350f; color:#fde68a}
  .rtbeta-report-panel{background:#161b22; color:#e6e9ee; border-color:#2a313b}
  .rtbeta-report-ta{background:#0e1116; color:#e6e9ee; border-color:#2a313b}
  .rtbeta-report-copy{border-color:#2a313b}
  .rtbeta-report-copy:hover{background:#1f2937}
  .rtbeta-report-note{color:#9aa4b2}
}