/* styles/components/button.css — extrait de styles.css L449-L501. .btn. */

/* ================================== ACTIONS ======================= */
.action-bar{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;
  padding:16px 0 8px;
}
/* Quand l'action-bar est dans le board : flottante en bas-centre */
.action-bar.in-board{
  position:absolute;
  left:50%; bottom:14px;
  transform:translateX(-50%);
  z-index:11;
  padding:8px 10px;
  background:color-mix(in srgb, var(--panel) 92%, transparent);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 6px 22px rgba(0,0,0,.3);
  max-width:calc(100% - 32px);
}
/* Bouton unifié — pill, Inter, hiérarchie Mintlify, coloration arcade. */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--border-strong);
  background:var(--panel);color:var(--fg);
  padding:8px 20px;
  border-radius:var(--r-pill);
  cursor:pointer;
  font-family:var(--sans);
  font-size:15px;font-weight:500;letter-spacing:normal;
  text-transform:none;
  box-shadow:var(--sh-btn);
  transition:all .15s ease;
  position:relative;overflow:hidden;
}
.btn:hover{background:var(--panel-2);border-color:var(--fg-dim)}
.btn:active{transform:translateY(1px)}
.btn.primary{
  background:var(--accent);color:#0a0a0a;border-color:var(--accent);
  box-shadow:var(--sh-btn), var(--sh-glow);
  font-weight:600;
}
.btn.primary::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transform:translateX(-100%);transition:transform .5s ease;
}
.btn.primary:hover::before{ transform:translateX(100%); }
.btn.primary:hover{background:#00ffe6;border-color:#00ffe6}
.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-dim);box-shadow:none;}
.btn.ghost:hover{background:var(--panel-2);color:var(--fg)}
.btn.ghost.danger{color:#ef4444}
.btn.ghost.danger:hover{background:rgba(239,68,68,.12);color:#ef4444}