/* ============================================================
   MATCH HISTORY — MEMBER "REMOVE FROM MY HISTORY"
   ------------------------------------------------------------
   The removal is MEMBER-SPECIFIC and SERVER-SIDE: it flags only the
   caller's own match_history row (the server authorizes with
   `member_code = <me>`), so the other participant keeps their entry,
   the canonical row is preserved and nothing is rescored.

   Palette: BLACK base, WHITE text, ELECTRIC PINK for the destructive
   action ONLY (pink is the approved emphasis token — never red).
   ============================================================ */

.byp-hist-item{position:relative}

/* The row stays the primary, full-width tap target. */
.byp-hist-item .byp-hist-row{width:100%}

/* Action strip under each entry. */
.byp-hist-actions{
  display:flex;justify-content:flex-end;
  margin:-6px 0 14px;
}

.byp-hist-remove{
  appearance:none;cursor:pointer;
  border:1px solid var(--rim-pink,rgba(255,46,196,.46));
  background:transparent;
  color:var(--pink,#ff2ec4);
  font:inherit;font-size:10.5px;font-weight:900;letter-spacing:.12em;
  padding:7px 12px;border-radius:999px;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.byp-hist-remove:hover{
  background:rgba(255,46,196,.12);
  border-color:var(--pink,#ff2ec4);
}
.byp-hist-remove:focus-visible{
  outline:2px solid var(--blue,#00e5ff);outline-offset:2px;
}
.byp-hist-remove:disabled{opacity:.5;cursor:default}

/* --- inline confirmation (never a browser confirm()) --- */
.byp-hist-confirm{
  border:1px solid var(--rim-purple,rgba(168,85,255,.44));
  border-radius:14px;
  background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(0,0,0,.92) 62%);
  padding:14px 15px;margin:0 0 14px;
}
.byp-hist-confirm-q{
  font-size:12px;font-weight:900;letter-spacing:.1em;
  color:var(--white,#fff);margin-bottom:8px;
}
.byp-hist-confirm-note{
  font-size:12px;line-height:1.55;
  color:var(--dim,rgba(255,255,255,.7));margin-bottom:12px;
}
.byp-hist-confirm-btns{display:flex;gap:8px;flex-wrap:wrap}
.byp-hist-confirm-err{
  margin-top:10px;font-size:11.5px;font-weight:800;letter-spacing:.06em;
  color:var(--pink,#ff2ec4);
}
.byp-hist-confirm-err[hidden]{display:none}

/* Destructive confirmation button — WHITE text on a pink rim so it reads as
   the deliberate action without introducing red. */
.cbtn.danger{
  border:1px solid var(--pink,#ff2ec4);
  background:rgba(255,46,196,.16);
  color:var(--white,#fff);font-weight:900;
}
.cbtn.danger:hover{background:rgba(255,46,196,.28)}
.cbtn.danger:disabled{opacity:.6;cursor:default}

@media (max-width:520px){
  .byp-hist-actions{justify-content:stretch}
  .byp-hist-remove{width:100%}
  .byp-hist-confirm-btns .cbtn{flex:1 1 auto}
}