/* ============================================================
   bot-when-inline-20260717.css — la planif SORT du popup.
   Avant : bouton « Maintenant ▾ » → popup caché → si t'oublies,
   Publier part IMMÉDIATEMENT dans les canaux. Maintenant : les
   créneaux sont des chips TOUJOURS VISIBLES au-dessus du bouton
   (sélection = blanc inversé dozka), le champ date/heure est
   inline, et l'état d'envoi se lit d'un coup d'œil.
   Le popup #cn-pop n'est pas déplacé (les listeners de bot-v2p
   restent branchés) : il est juste rendu STATIQUE et inline.
   + garde-fou JS : bot-when-inline-20260717.js
   ============================================================ */

/* le bouton dropdown disparaît — plus d'état caché */
#botv2 #cn-when { display: none !important; }

/* v c « CLEAN » : UNE seule ligne, tout aligné a la meme hauteur (32px) —
   [date/heure][PROGRAMMER A CETTE HEURE] ..................... [PUBLIER] */
#botv2 #bv2-view-canal .bv2-send { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
#botv2 #bv2-view-canal .bv2-when-wrap { width: auto; flex: none; order: 0; position: static; display: flex; }
#botv2 #bv2-view-canal .bv2-spacer { flex: 1; }

/* le popup devient une rangée inline permanente */
#botv2 #cn-pop {
  position: static !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  inset: auto !important;
  bottom: auto !important;
}
#botv2 #cn-pop .bv2-pop-div { display: none; }

/* v b (retour Marko) : PLUS DE CHIPS du tout — ni Maintenant, ni Ce soir,
   ni Demain. Il reste : [date/heure][PROGRAMMER À CETTE HEURE] et le bouton
   [PUBLIER DANS N CANAUX] pour l'immédiat. */
#botv2 #cn-pop .bv2-opt { display: none !important; }

/* (ancien style chips, inutilisé) */
#botv2 #cn-pop .bv2-opt {
  display: inline-flex; align-items: center; width: auto; flex: none;
  background: #0c0c0c; border: 1px solid #262626; color: #c9c9c9;
  font-size: 11px; font-weight: 600; padding: 6px 12px;
  border-radius: 2px !important; text-align: left;
}
#botv2 #cn-pop .bv2-opt b { font-weight: 600; margin-left: 4px; }
#botv2 #cn-pop .bv2-opt:hover { color: #fafafa; border-color: #333; background: #0c0c0c; }
#botv2 #cn-pop .bv2-opt.is-sel { background: #fafafa; border-color: #fafafa; color: #131313; }
#botv2 #cn-pop .bv2-opt.is-sel b { color: #131313; }

/* date/heure précise : inline, compacte, à droite */
#botv2 #cn-pop .bv2-custom {
  display: inline-flex; flex-direction: row; align-items: center; gap: 8px;
  margin: 0; padding: 0; background: transparent; border: 0;
  flex: none; flex-wrap: nowrap; width: auto;
}
#botv2 #cn-pop .bv2-custom-lab { display: none; }
#botv2 #cn-pop .bv2-dt {
  width: 220px; height: 32px; box-sizing: border-box;
  background: #050505; border: 1px solid #262626; color: #fafafa;
  font-family: ui-monospace,'Cascadia Code',Consolas,monospace; font-size: 12px;
  padding: 0 10px; border-radius: 2px !important; color-scheme: dark;
}
/* PROGRAMMER À CETTE HEURE = LE bouton bleu (l'action nominale) */
#botv2 #cn-pop .bv2-dt-set {
  background: #0a84ff; border: 0; color: #fff;
  font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  height: 32px; padding: 0 14px; border-radius: 2px !important; width: auto;
  white-space: nowrap; box-sizing: border-box;
}
#botv2 #cn-pop .bv2-dt-set:hover { background: #2b95ff; color: #fff; }
#botv2 #cn-pop .bv2-dt { padding: 7px 10px; font-size: 12.5px; }

/* PUBLIER MAINTENANT = secondaire blanc inversé (le bleu reste à la planif) */
#botv2 #cn-publish {
  background: #fafafa !important; color: #131313 !important;
  height: 32px; padding: 0 16px; box-sizing: border-box; white-space: nowrap;
  font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
}
#botv2 #cn-publish:hover { background: #e5e5e5 !important; }
/* armé = rouge sémantique : attention, envoi immédiat */
#botv2 #cn-publish.is-armed { background: #f04438 !important; color: #fff !important; }

/* garde-fou : bouton armé = blanc inversé « confirmer » */
#botv2 #cn-publish.is-armed {
  background: #fafafa !important; color: #131313 !important;
}

/* la note « Programmé pour … » reste le récap lisible */
#botv2 .bv2-rnote.is-on { color: #a3a3a3; }
#botv2 .bv2-rnote b { color: #fafafa; }

/* mobile : empile PROPREMENT — date+programmer sur une ligne, publier dessous pleine largeur */
@media (max-width: 760px) {
  #botv2 #bv2-view-canal .bv2-send { flex-wrap: wrap; }
  #botv2 #bv2-view-canal .bv2-when-wrap { width: 100% !important; }
  #botv2 #cn-pop { width: 100% !important; }
  #botv2 #cn-pop .bv2-custom { width: 100% !important; flex-wrap: wrap; }
  #botv2 #cn-pop .bv2-dt { flex: 1 1 100%; width: 100% !important; min-width: 0; }
  #botv2 #cn-pop .bv2-dt-set { flex: 1 1 100%; width: 100%; }
  #botv2 #cn-publish { width: 100% !important; }
}