/* ============================================================
   bot-multichan-20260716.css — "Vers" multi-canal (bot-v2p.js).
   Le <select id="cn-chan"> reste dans le DOM pour bot-chan-manager
   (il le repeuple / fait sel.value = …) mais n'est plus affiché :
   on le remplace visuellement par des cases à cocher.
   Fichier séparé plutôt qu'un bot-v2n.css : évite de dupliquer
   les 32 Ko de bot-v2m.css pour ~40 lignes.
   ============================================================ */

/* le select caché + sa flèche de dropdown n'ont plus lieu d'être */
#botv2 .bv2-chan.is-multi > #cn-chan { display: none; }
#botv2 .bv2-chan.is-multi::after { display: none; }

#botv2 .bv2-chips {
  display: flex; flex-wrap: wrap; gap: 6px;
}

#botv2 .bv2-chip {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--card); border: 1px solid var(--line); border-radius: 2px;
  color: var(--muted); font-size: 14px; font-weight: 500;
  padding: 9px 13px; cursor: pointer; user-select: none;
  transition: border-color .15s, color .15s, background .15s;
}
#botv2 .bv2-chip:hover { border-color: var(--line-2); color: var(--ink); }

/* la case elle-même : carré plein DoZX, pas la checkbox native */
#botv2 .bv2-chip input {
  appearance: none; -webkit-appearance: none; margin: 0; flex: none;
  width: 15px; height: 15px; border: 1.5px solid var(--line-2); border-radius: 2px;
  background: transparent; cursor: pointer; position: relative;
  transition: border-color .15s, background .15s;
}
#botv2 .bv2-chip input:checked { background: var(--accent); border-color: var(--accent); }
#botv2 .bv2-chip input:checked::after {
  content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px;
  border-right: 2px solid #fff; border-bottom: 2px solid #fff;
  transform: rotate(42deg);
}
#botv2 .bv2-chip input:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--accent-sf); }

/* canal coché = la puce entière s'allume */
#botv2 .bv2-chip:has(input:checked) {
  border-color: var(--accent); color: var(--ink); background: var(--accent-sf);
}

#botv2 .bv2-chip-hint { font-size: 13px; color: var(--faint); padding: 9px 0; }

/* barre du dessous : compteur + Tout / Aucun */
#botv2 .bv2-chan-bar {
  display: flex; align-items: center; gap: 10px; margin-top: 6px;
}
#botv2 .bv2-chan-bar .sp { flex: 1; }
#botv2 .bv2-chan-count {
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  font-weight: 700; color: var(--muted);
}
#botv2 .bv2-chan-count.is-zero { color: var(--bad); }
#botv2 .bv2-chan-pick {
  background: transparent; border: 1px solid var(--line); color: var(--faint);
  font: inherit; font-size: 11.5px; font-weight: 600;
  padding: 4px 9px; border-radius: 2px; cursor: pointer;
  transition: border-color .15s, color .15s;
}
#botv2 .bv2-chan-pick:hover { border-color: var(--muted); color: var(--ink); }

/* "Vers" + le ＋ de bot-chan-manager restent alignés en haut quand ça wrap */
#botv2 #bv2-view-canal .bv2-to { align-items: flex-start; }
#botv2 #bv2-view-canal .bv2-to-label { padding-top: 11px; }
#botv2 #bv2-view-canal .bcm-add { margin-top: 4px; }

@media (max-width: 640px) {
  #botv2 .bv2-chip { font-size: 13px; padding: 8px 11px; }
}