/* ============================================================
   Ocleiria Toolbox fusion audio (styles)
   Complément à audio.css : réutilise .row / .bar / tokens.
   N'ajoute que ce qui manque pour la liste réordonnable,
   la barre de fusion, la carte résultat et la ligne d'erreur.
   ============================================================ */

/* ---------- Ligne réordonnable ---------- */
.row--merge { grid-template-columns:auto 1fr auto; }
.row__index { flex:0 0 auto; width:26px; height:26px; display:grid; place-items:center;
  border-radius:100px; background:var(--accent-soft); color:var(--accent);
  font-size:.78rem; font-weight:600; }

.row__mv { width:30px; height:30px; border-radius:var(--radius-sm);
  border:1px solid var(--border-color); background:transparent; color:var(--text-secondary);
  cursor:pointer; font-size:.72rem; line-height:1; transition:var(--transition); }
.row__mv:hover:not(:disabled) { color:var(--accent); border-color:var(--accent); }
.row__mv:disabled { opacity:.35; cursor:not-allowed; }

/* ---------- Barre de fusion (hors .row) ---------- */
.merge-bar { margin-top:14px; }

/* ---------- Ligne d'erreur ---------- */
.merge-error { color:var(--down); font-size:.85rem; margin-top:12px; }

/* ---------- Carte résultat ---------- */
.result { margin-top:22px; background:var(--card-bg); border:1px solid var(--ok);
  border-radius:var(--radius-card); padding:18px; box-shadow:var(--shadow-card);
  display:flex; flex-direction:column; gap:12px; }
.result__head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.result__head h3 { font-size:1.1rem; }
.result__meta { font-size:.78rem; color:var(--text-secondary); }
.result__audio { width:100%; height:40px; }
.result .btn { align-self:flex-start; }