/* ═══════════════════════════════════════════════════════════
   COMPONENT — row-actions
   Pills d'action de ligne (Go vert / No rose) — le SEUL endroit
   où le vert et le rouge reviennent en page de module. Cf. règle
   métier gravée 2026-05-10 (mémoire feedback_chiffres_kpi_page_toujours_noir).
   ───────────────────────────────────────────────────────────
   HTML attendu :
     <div class="row-actions">
       <button class="row-actions__pill row-actions__pill--go" type="button">Go</button>
       <button class="row-actions__pill row-actions__pill--no" type="button">No</button>
     </div>
   ───────────────────────────────────────────────────────────
   Pattern de référence : Demandes chiffrages actuel (boutons Go/No).
   À propager sur Commercial (remplace le pill orange « Go/No-go ? »
   actuel) et tout autre listing où l'utilisateur doit qualifier.
   ───────────────────────────────────────────────────────────
   Tokens : --soma-green, --soma-green-dark, --soma-red, --soma-card,
            --soma-r-pill, --soma-text-md, --soma-weight-bold,
            --soma-s-*, --soma-dur-fast, --soma-ease-out, --soma-sh-green
   ═══════════════════════════════════════════════════════════ */

.row-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--soma-s-3);
  white-space: nowrap;
}

.row-actions__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 32px;
  padding: 0 var(--soma-s-7);
  background: transparent;
  border: 0;
  border-radius: var(--soma-r-pill);
  color: var(--soma-text);
  font-family: var(--soma-font-body);
  font-size: var(--soma-text-md);
  font-weight: var(--soma-weight-bold);
  line-height: 1;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition:
    background var(--soma-dur-fast) var(--soma-ease-out),
    color var(--soma-dur-fast) var(--soma-ease-out),
    box-shadow var(--soma-dur-fast) var(--soma-ease-out),
    transform var(--soma-dur-fast) var(--soma-ease-out);
}

.row-actions__pill:active {
  transform: scale(0.96);
}

.row-actions__pill:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--soma-green-soft);
}

/* ── Variante GO : vert plein, action positive ─────────── */

.row-actions__pill--go {
  background: var(--soma-green);
  color: var(--soma-card);
}

.row-actions__pill--go:hover {
  background: var(--soma-green-dark);
}

.row-actions__pill--go:focus-visible {
  box-shadow: 0 0 0 3px rgba(47, 191, 122, 0.35);
}

/* ── Variante NO : rouge pâle, action négative ─────────── */

.row-actions__pill--no {
  background: rgba(224, 32, 32, 0.10);
  color: var(--soma-red);
}

.row-actions__pill--no:hover {
  background: rgba(224, 32, 32, 0.18);
}

.row-actions__pill--no:focus-visible {
  box-shadow: 0 0 0 3px rgba(224, 32, 32, 0.25);
}

/* ── Variante GHOST : pour les états déjà tranchés ──────── */
/* Utile pour afficher « Go » qualifié vs « Go » à qualifier */

.row-actions__pill--ghost {
  background: transparent;
  color: var(--soma-muted);
  cursor: default;
}

.row-actions__pill--ghost:hover {
  background: transparent;
}

/* ── État disabled ─────────────────────────────────────── */

.row-actions__pill:disabled,
.row-actions__pill[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}