/* TEMVIO v0.9.5 — Full E2E Release Test
   Additive only; locked product theme remains unchanged. */

.e2e-run-card{scroll-margin-top:18px}
.e2e-run-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.e2e-run-summary>div{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  text-align:center;
  background:var(--paper);
}
.e2e-run-summary b{display:block;font-size:18px}
.e2e-run-summary span{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:800}
.e2e-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.e2e-account{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--line);border-radius:12px;padding:10px;
}
.e2e-account.captured{border-color:rgba(37,173,137,.35);background:rgba(37,173,137,.05)}
.e2e-account b,.e2e-account small{display:block}
.e2e-account small{font-size:9px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.e2e-step-list{display:grid;gap:7px;margin:10px 0 12px}
.e2e-step{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:8px;
}
.e2e-step.pass{border-color:rgba(37,173,137,.30);background:rgba(37,173,137,.045)}
.e2e-step.fail{border-color:rgba(210,54,83,.30);background:rgba(210,54,83,.045)}
.e2e-step-index{
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--soft);font-size:10px;font-weight:900;
}
.e2e-step.pass .e2e-step-index{background:rgba(37,173,137,.14)}
.e2e-step.fail .e2e-step-index{background:rgba(210,54,83,.12)}
.e2e-step-copy b,.e2e-step-copy small{display:block}
.e2e-step-copy small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.6}
.e2e-step-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.e2e-step-actions .danger{border-color:rgba(210,54,83,.28);color:#b52e49}
@media(max-width:760px){
  .e2e-run-summary{grid-template-columns:repeat(2,1fr)}
  .e2e-account-grid{grid-template-columns:1fr}
  .e2e-step{grid-template-columns:28px minmax(0,1fr) auto}
  .e2e-step-actions{grid-column:2 / -1}
}