/*
 * Styles for the shared in-page two-step confirm (`/js/se-confirm-inline.js`).
 *
 * The helper emits `.ev-twostep` with a `.ev-twostep__q` question and a
 * `.ev-twostep__acts` pair of `.ev-mini` buttons (the Yes one also carries
 * `.ev-twostep__yes`). Those class names came from the events admin (TS18), so
 * the values below are the events-admin block VERBATIM — this is the first
 * consumer to link them instead of pasting them onto its own page (CM3).
 *
 * Dark-surface pages only. It reads the host page's `--rule`, `--neon` and
 * `--red` tokens and hard-codes the same dark-admin text ink (#e6edf3) and
 * knock-out ink (#0a0a1a) the events pages use. A LIGHT page must keep its own
 * block (the ladder signup page, CM2) rather than link this file.
 *
 * Linking pages so far: the four SouthEnd_Admin_Ladder*.html admin pages.
 * Migrating the older events consumers off their inline copies is a later slice.
 */

/* `.ev-mini` is the base the confirm helper's Yes / Cancel buttons carry. */
.ev-mini{
  background:transparent;border:1px solid var(--rule);border-radius:5px;color:#e6edf3;
  padding:4px 9px;font-size:11px;font-family:inherit;cursor:pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ev-mini:hover{border-color:var(--neon);}
}

/* In-page two-step (TS18): the row's control swaps for question + Yes / Cancel. */
.ev-twostep{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;}
.ev-twostep__q{font-size:12px;font-weight:600;color:#e6edf3;}
.ev-twostep__acts{display:inline-flex;gap:8px;}
.ev-twostep__yes{border-color:var(--red);color:var(--red);}
.ev-twostep__yes:focus-visible{background:var(--red);color:#0a0a1a;outline:none;}
@media (hover: hover) and (pointer: fine) {
  .ev-twostep__yes:hover{background:var(--red);color:#0a0a1a;outline:none;}
}