/**
 * Charlie [ds_charlie] — flux normal Divi (header / footer du thème visibles).
 * Aucune position fixed ni overlay plein écran sur le bloc Charlie.
 */

/* Shell : flux document, pas de plein écran ni fixed */
.dsj-shell.dsj-shell--charlie-flow {
  /* Alignement accueil : compense marge sous le menu ; tirage vers le bas du footer sous le widget */
  margin-top: -110px !important;
  margin-bottom: -150px !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
  /* Réserve menu + footer (~160px), évite le vide excessif sous / au-dessus du widget */
  min-height: calc(100vh - 160px) !important;
  z-index: auto !important;
}

/* Carte principale : uniquement dans la colonne contenu (pas de second 100vh cumulé) */
.dsj-shell.dsj-shell--charlie-flow .dsj.dsj--charlie {
  position: relative !important;
  inset: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 1100px !important;
  min-height: min(620px, 92vh) !important;
  max-height: none !important;
  transform: none !important;
}

.dsj-shell.dsj-shell--charlie-flow .dsj-shell__backdrop {
  display: none !important;
  position: static !important;
  inset: auto !important;
}

/* Si un autre module Jarvis a forcé le body en fullscreen */
body.dsj-body--fullscreen .dsj-shell.dsj-shell--charlie-flow {
  position: relative !important;
  z-index: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Bloc Charlie uniquement dans la zone de contenu — pas de règles sur #main-header, footer ou grilles Divi globales. */
.et-db #et-main-area .dsj-shell.dsj-shell--charlie-flow,
#main-content .dsj-shell.dsj-shell--charlie-flow,
.et_pb_section .dsj-shell.dsj-shell--charlie-flow {
  position: relative !important;
  z-index: auto !important;
}

/* Boutons choix ticket récent */
.dsj-charlie-recent-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 14px;
  padding-left: 2px;
}
.dsj-charlie-recent-inline__btn {
  padding: 9px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  color: #e8f0ff;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.dsj-charlie-recent-inline__btn:hover {
  background: rgba(255, 255, 255, 0.12);
}
.dsj-charlie-recent-inline__btn--ongoing {
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(239, 68, 68, 0.14);
}
.dsj-charlie-recent-inline__btn--new {
  border-color: rgba(52, 211, 153, 0.45);
  background: rgba(16, 185, 129, 0.14);
}

/* Markdown léger dans les bulles (voir assets/js/charlie.js) */
.dsj-shell--charlie-flow .dsj-bubble strong {
  font-weight: 700;
  color: inherit;
}
.dsj-shell--charlie-flow .dsj-bubble em {
  font-style: italic;
}

/* Choix urgence inline (réponse Charlie qui cite normal / urgent / critique) */
.dsj-charlie-urgency-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 14px;
  padding-left: 2px;
}
.dsj-charlie-urgency-inline__btn {
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(58, 160, 255, 0.35);
  background: rgba(58, 160, 255, 0.12);
  color: #e8f0ff;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, border-color 0.15s;
}
.dsj-charlie-urgency-inline__btn:hover {
  background: rgba(58, 160, 255, 0.22);
  border-color: rgba(58, 160, 255, 0.55);
}