/* ===========================================================
 * VIEWER MODE LAYER (Meta-friendly UI override)
 * Loaded only when URL has ?role=viewer
 * Zero impact on admin view.
 * =========================================================== */

/* === Banner top global (in addition to existing #viewerBanner) === */
body[data-role="viewer"]::before {
  content: "🤝 LEA è un assistente AI co-pilota. Tutti i messaggi sono creati e approvati da operatori umani (Mirko + setter team). LEA non invia mai messaggi autonomamente. — Modalità Visualizzatore Meta Review";
  display: block;
  position: sticky;
  top: 0;
  z-index: 9998;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.15), rgba(59, 130, 246, 0.15));
  border-bottom: 1px solid rgba(34, 197, 94, 0.3);
  color: #d1fae5;
  padding: 14px 24px;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

/* === Area 1: Hide channel power slider === */
body[data-role="viewer"] .channel-power-section,
body[data-role="viewer"] [data-section="channel-power"],
body[data-role="viewer"] .channel-power-widget,
body[data-role="viewer"] .power-slider-container,
body[data-role="viewer"] [class*="powerSlider"],
body[data-role="viewer"] [id*="channel-power"] {
  display: none !important;
}

/* === Hide KILL/PAUSE/RESUME buttons in viewer === */
body[data-role="viewer"] [id*="kill"],
body[data-role="viewer"] [id*="Kill"],
body[data-role="viewer"] .btn-kill,
body[data-role="viewer"] .topbar-kill,
body[data-role="viewer"] .topbar-action-danger {
  display: none !important;
}