/* Helix · panel v5 · pantallas: Primeros pasos, la entrevista, Campañas, Comentarios y la base de Automatizaciones con
   la piel de Mi bot, Ajustes y la Bandeja (plan: docs/plans/panel-v5-fd90). Todo cuelga de html.hx-v5 y del pane de su
   pestaña (.helix-tab-pane[data-tab=...]): con el flag apagado no aplica a nada.
   Tarjetas de cristal con la sombra v5, títulos de sección de Mi bot, filas con la etiqueta a la izquierda (encima en
   móvil), campos redondeados, botones píldora (coral el principal), estados como chips e interruptores verdes.
   helix-v5-pantallas.js pone el título grande de Primeros pasos y de la entrevista, la barra de progreso de la guía, la
   tarjeta de las reglas de Comentarios y la mascota de los estados vacíos. El editor y las listas de Automatizaciones
   tienen su propio fichero (helix-v5-automatizaciones.css). Los !important pisan estilos en línea de los renders. */

/* ── Tokens locales (oscuro por defecto, claro debajo) ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) {
  --p5-sub: rgba(255, 255, 255, .04); --p5-btn: var(--v5-card2); --p5-btn-h: rgba(255, 255, 255, .12);
  --p5-ok: #30D158; --p5-ko: #FF6961; --p5-am: #FF9F0A; --p5-dot: rgba(255, 255, 255, .07); --p5-ln: rgba(255, 255, 255, .16);
}
html.hx-v5:not([data-theme="dark"]) .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) {
  --p5-sub: #F5F5F7; --p5-btn: #ECECEF; --p5-btn-h: #E1E1E6; --p5-ok: #1E8E3E; --p5-ko: #D93025; --p5-am: #B25E00;
  --p5-dot: rgba(0, 0, 0, .09); --p5-ln: rgba(0, 0, 0, .14);
}

/* ── Tarjetas y títulos de sección ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-settings-section {
  box-sizing: border-box; margin: 0 0 14px; padding: 18px 20px; border: 0; border-radius: 22px;
  background: var(--v5-card); box-shadow: var(--v5-sh1); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-settings-section > .t-eyebrow:first-child {
  margin: 0 0 4px; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; text-transform: none;
  color: var(--v5-t1); text-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-settings-section .t-caption.fg-3 {
  font-size: 13px; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"], [data-tab="campaigns"]) :is(strong, b) { font-weight: 600; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"], [data-tab="campaigns"]) :not(pre) > code {
  padding: 1px 5px; border: 0; border-radius: 6px; background: var(--v5-bin); font-size: .92em; color: var(--v5-t1); }

/* ── Filas de ajuste ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-setting-row {
  gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-setting-row:last-child { border-bottom: 0; padding-bottom: 2px; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-setting-label {
  font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-setting-row > div > .helix-setting-label + .t-caption {
  margin-top: 3px; font-size: 12.5px; line-height: 1.45; color: var(--v5-t2); }

/* ── Campos ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) :is(.hx-field, .helix-input) {
  box-sizing: border-box; min-height: 38px; padding: 0 13px !important; border: 0 !important; border-radius: 12px !important;
  background-color: var(--v5-bin) !important; box-shadow: inset 0 0 0 1px var(--v5-line); color: var(--v5-t1);
  font: inherit; font-size: 13.5px; transition: box-shadow .2s var(--v5-eo), background-color .2s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) textarea:is(.hx-field, .helix-input) {
  padding: 10px 13px !important; line-height: 1.45; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) :is(.hx-field, .helix-input)::placeholder { color: var(--v5-t3); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) :is(.hx-field, .helix-input):focus {
  outline: 0; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v5-acc) 55%, transparent), 0 0 0 3px var(--accent-ring); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) select:is(.hx-field, .helix-input) {
  -webkit-appearance: none; appearance: none; padding-right: 34px !important; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A92' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 13px 13px !important; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .hx-field-label {
  font-size: 12.5px; font-weight: 500; color: var(--v5-t2) !important; }

/* ── Botones píldora ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn {
  border: 0; border-radius: 999px; font-weight: 500; text-shadow: none; box-shadow: none;
  transition: filter .2s var(--v5-eo), background .2s var(--v5-eo), box-shadow .2s var(--v5-eo), transform .12s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--primary {
  background: var(--v5-acc); color: #fff; font-weight: 600; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--primary:hover:not(:disabled) {
  background: var(--v5-acc); filter: brightness(1.08); box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--v5-acc) 70%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:not(.helix-btn--primary):not(.helix-btn--danger) {
  background: var(--p5-btn); color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:not(.helix-btn--primary):not(.helix-btn--danger):hover:not(:disabled) {
  background: var(--p5-btn-h); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--danger {
  background: color-mix(in srgb, #FF453A 14%, transparent); color: var(--p5-ko); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:active:not(:disabled) { transform: scale(.97); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:disabled { opacity: .45; filter: none; box-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:not(.is-ocupado):not(.is-hecho)::after,
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn::before { content: none; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--v5-acc) 80%, transparent); outline-offset: 2px; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-icon-btn {
  border: 0; border-radius: 999px; background: var(--p5-btn); color: var(--v5-t2); box-shadow: none; transition: background .2s var(--v5-eo), color .2s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-icon-btn:hover { background: var(--p5-btn-h); color: var(--v5-t1); }

/* ── Estados como chips ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) span.helix-setting-status {
  display: inline-flex; align-items: center; gap: 4px; flex: none; height: 22px; padding: 0 10px; border-radius: 999px; white-space: nowrap;
  font-size: 12px; font-weight: 600; color: var(--v5-t2); background: var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) span.helix-setting-status--ok {
  color: var(--p5-ok); background: color-mix(in srgb, #34C759 16%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) span.helix-setting-status svg { width: 12px; height: 12px; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-tag {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border: 0; border-radius: 999px; box-shadow: none;
  font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; white-space: nowrap;
  color: var(--v5-t2); background: var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-tag--positive {
  color: var(--p5-ok); background: color-mix(in srgb, #34C759 16%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-tag--danger {
  color: var(--p5-ko); background: color-mix(in srgb, #FF453A 14%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-tag--warning {
  color: var(--p5-am); background: color-mix(in srgb, #FF9F0A 16%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) :is(.helix-tag--accent, .helix-tag--signal) {
  color: var(--accent-soft); background: color-mix(in srgb, var(--v5-acc) 14%, transparent); }

/* ── Interruptores verdes (como Mi bot y Ajustes) ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .hx-switch-track { background: var(--v5-track); box-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .hx-switch input:checked ~ .hx-switch-track {
  background: var(--v5-ok); border-color: var(--v5-ok); box-shadow: none; }

/* ── Notas ── */
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .hx-state-note {
  box-sizing: border-box; margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--p5-sub);
  box-shadow: inset 0 0 0 1px var(--v5-line); font-size: 13px; line-height: 1.5; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .hx-actions { gap: 8px; }

/* ── Estados vacíos con la mascota (los monta helix-v5-pantallas.js) ── */
html.hx-v5 .helix-app .hx5-pr-masc { display: inline-flex; flex: none; line-height: 0; }
html.hx-v5 .helix-app .hx5-pr-vacio { animation: hx5-entra .45s var(--v5-eo) both; }

/* Escritorio: el mismo margen que Mi bot, Ajustes y Agenda (contenido a 14 px de la hoja, título a 28 px) */
@media (min-width: 1024px) {
  html.hx-v5 .helix-app .helix-shell:not(.inbox-active) .helix-tab-pane.is-active:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) {
    padding-left: 14px; padding-right: 14px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"]) > .hx5-titulo { padding-left: 14px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--sm { min-height: 30px; padding: 0 13px; font-size: 12.5px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--md { min-height: 36px; padding: 0 16px; font-size: 13.5px; }
}
/* Móvil: el título lo lleva la cabecera móvil; campos a 16 px para que Safari no haga zoom */
@media (max-width: 1023px) {
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) > .hx5-titulo { display: none; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-settings-section { padding: 16px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="comentarios"]) .helix-settings-section > .t-eyebrow:first-child { font-size: 16px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) :is(.hx-field, .helix-input) { min-height: 44px; font-size: 16px !important; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--sm { min-height: 36px; padding: 0 14px; font-size: 13.5px; }
  html.hx-v5 .helix-app .helix-tab-pane:is([data-tab="onboarding"], [data-tab="entrevista"], [data-tab="campaigns"], [data-tab="comentarios"], [data-tab="automatizaciones"]) .helix-btn--md { min-height: 44px; padding: 0 18px; font-size: 15px; }
}

/* ══ Primeros pasos ══ */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-wrap { counter-reset: hx5-paso; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia { display: flex; align-items: center; gap: 18px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia-texto { flex: 1; min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia-texto > .t-eyebrow {
  margin: 0; font-size: 17px; font-weight: 600; line-height: 1.3; letter-spacing: -.015em; text-transform: none; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia-texto > .t-caption { font-size: 13.5px; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx5-pr-prog { height: 6px; max-width: 320px; margin-top: 12px; border-radius: 99px; background: var(--v5-bin); overflow: hidden; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx5-pr-prog > i {
  display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--v5-acc), var(--v5-acc-2));
  transition: width .8s var(--v5-eo); }
/* Cada paso: número (o marca verde si ya está), título y su estado como chip */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso]:not([data-onb-paso="pixel_capi"]):not([data-onb-paso="meta_page"]) { counter-increment: hx5-paso; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso] > div:first-child > .t-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.3;
  letter-spacing: -.01em; text-transform: none; color: var(--v5-t1); text-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso] > div:first-child > .t-eyebrow::before {
  content: counter(hx5-paso); flex: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  width: 26px; height: 26px; border-radius: 50%; background: var(--p5-sub); box-shadow: inset 0 0 0 1px var(--p5-ln);
  font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] :is([data-onb-paso="pixel_capi"], [data-onb-paso="meta_page"]) > div:first-child > .t-eyebrow::before {
  content: "+"; font-size: 15px; font-weight: 500; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso]:has(.helix-setting-status--ok) > div:first-child > .t-eyebrow::before {
  content: ""; box-shadow: none; background: #34C759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso] > .t-caption { margin-top: 6px !important; }
/* «Opcional, recomendado»: rótulo de grupo, sin tarjeta */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-wrap > .helix-settings-section[style*="padding-bottom"] {
  margin: 26px 0 10px; padding: 0 6px !important; background: none; box-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-wrap > .helix-settings-section[style*="padding-bottom"] > .t-eyebrow { font-size: 16px; letter-spacing: -.015em; }
/* Pie: el mensaje de activación y «Cerrar guía» */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-section:has(> #onb-cerrar) { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-section:has(> #onb-cerrar) > .t-caption { font-size: 13.5px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] #onb-cerrar { margin-top: 4px !important; }
/* Conectar tus leads (helix-leads-entrada.js): la misma familia que en Ajustes */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-intro { font-size: 13px; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-h { margin: 4px 0 8px; font-size: 14px; font-weight: 600; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-vacio { color: var(--v5-t3); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-choice { border: 0; border-radius: 16px; background: var(--p5-sub); box-shadow: inset 0 0 0 1px var(--v5-line);
  transition: background .2s var(--v5-eo), box-shadow .2s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-choice:hover { box-shadow: inset 0 0 0 1px var(--p5-ln); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] :is(.hx-choice.is-on, .hx-choice:has(input:checked)) {
  background: color-mix(in srgb, var(--v5-acc) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v5-acc) 45%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-choice-title { font-size: 13.5px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-choice-desc { color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] :is(.hx-le-sub, .hx-le-via, .hx-le-regla) { border-radius: 16px; background: var(--p5-sub); box-shadow: inset 0 0 0 1px var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-sub.is-reco { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v5-acc) 50%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-tag { color: var(--accent-soft); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] :is(.hx-le-token, .hx-le-alerta) { border-radius: 14px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .hx-le-fila input.hx-field { font-family: 'SF Mono', ui-monospace, Menlo, monospace; font-size: 12.5px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] textarea.hx-le-script { border-radius: 14px !important; font-family: 'SF Mono', ui-monospace, Menlo, monospace; font-size: 11.5px; }

@media (min-width: 1024px) {
  /* Pasos de la guía: el contenido alineado bajo el título, no bajo el número */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] [data-onb-paso] > :not(:first-child) { margin-left: 36px !important; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-settings-wrap { max-width: 860px; }
}
@media (max-width: 1023px) {
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia { gap: 14px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="onboarding"] .helix-presencia .helix-orb { flex: none; }
}

/* ══ Entrevista ══ */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia { display: flex; align-items: center; gap: 18px; margin-bottom: 18px !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia-texto { flex: 1; min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia-texto > .t-eyebrow {
  margin: 0 0 4px; font-size: 17px; font-weight: 600; line-height: 1.3; letter-spacing: -.015em; text-transform: none; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia-texto > .t-caption { font-size: 13.5px; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-contador { font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--v5-t2); white-space: nowrap; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] :is(.hx-seg-i, div:has(> #helix-entrevista-barra)) { background: var(--v5-bin) !important; box-shadow: none !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] :is(.hx-seg-f, #helix-entrevista-barra) { background: linear-gradient(90deg, var(--v5-acc), var(--v5-acc-2)) !important; }
/* La conversación: burbujas como el chat v5 (el entrevistador a la izquierda, tú en coral a la derecha) */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-log {
  gap: 10px !important; padding: 16px !important; border-radius: 18px !important; background: var(--p5-sub) !important;
  box-shadow: inset 0 0 0 1px var(--v5-line) !important; scrollbar-width: thin; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-log > div[style*="align-self:flex-start"] {
  padding: 10px 14px !important; border-radius: 18px 18px 18px 6px !important; background: var(--v5-card) !important; color: var(--v5-t1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06), inset 0 0 0 1px var(--v5-line) !important; line-height: 1.45 !important; animation: hx5-burbuja .35s var(--v5-eo) both; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-log > div[style*="align-self:flex-end"] {
  padding: 10px 14px !important; border-radius: 18px 18px 6px 18px !important; background: var(--v5-acc) !important; color: #fff !important;
  box-shadow: 0 6px 16px -10px color-mix(in srgb, var(--v5-acc) 80%, transparent) !important; line-height: 1.45 !important; animation: hx5-burbuja .35s var(--v5-eo) both; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-zona-respuesta > .helix-setting-row { padding: 14px 0 0; border-bottom: 0; align-items: flex-end !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-input { min-height: 76px !important; border-radius: 16px !important; font-size: 14px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-zona-respuesta .helix-setting-row > div { gap: 8px !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-aviso:empty { display: none; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-settings-section > .helix-setting-row:last-child { margin-top: 14px !important; padding: 14px 0 0; border-top: 1px solid var(--v5-line); border-bottom: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-cierre > div {
  padding: 16px 18px !important; border: 0 !important; border-radius: 18px !important; background: var(--p5-sub); box-shadow: inset 0 0 0 1px var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-cierre > div[style*="var(--danger)"] {
  background: color-mix(in srgb, #FF453A 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #FF453A 30%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-cierre > div > div:first-child { font-size: 15px; letter-spacing: -.01em; color: var(--v5-t1); }

@media (min-width: 1024px) {
  /* La entrevista ya lleva su título arriba: la tarjeta no lo repite */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] > .hx5-titulo ~ .helix-settings-wrap .helix-presencia-texto > .t-eyebrow { display: none; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-settings-wrap { max-width: 860px; }
}
@media (max-width: 1023px) {
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia { align-items: flex-start; gap: 14px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] .helix-presencia-texto > .t-eyebrow { display: none; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-log { max-height: 52vh !important; }
  /* Entrevista: la respuesta a todo el ancho y los botones debajo */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-zona-respuesta > .helix-setting-row { flex-direction: column; align-items: stretch !important; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="entrevista"] #helix-entrevista-zona-respuesta > .helix-setting-row > div { flex-direction: row-reverse !important; justify-content: flex-start; }
}

/* ══ Campañas ══ */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights { max-width: 1480px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-header > .t-caption { font-size: 13.5px; color: var(--v5-t2); }
/* Periodo: el control segmentado de Insights */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-switch {
  display: inline-flex; flex: none; gap: 2px; margin: 0; padding: 3px; border: 0; border-radius: 999px; background: var(--v5-glass);
  -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%);
  box-shadow: inset 0 .5px 0 var(--v5-hl), 0 0 0 .5px var(--v5-edge), 0 8px 22px -12px rgba(0, 0, 0, .35); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-btn {
  height: 32px; min-height: 32px; min-width: 46px; padding: 0 13px; border: 0; border-radius: 999px; background: transparent; box-shadow: none;
  font: inherit; font-size: 13px; font-weight: 400; color: var(--v5-t1); text-shadow: none; cursor: pointer;
  transition: background .3s var(--v5-eo), color .3s var(--v5-eo), transform .12s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-btn:hover:not(.is-active) { background: var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-btn.is-active { background: var(--v5-acc); color: #fff; font-weight: 600; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-btn:active { transform: scale(.97); }
/* Cada campaña, una tarjeta; «Ventas» y «€ / cualificado» (lo que solo sabe el bot) resaltadas */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campanas-list { gap: 12px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-row {
  box-sizing: border-box; gap: 14px; padding: 18px 20px; border: 0; border-radius: 22px; background: var(--v5-card); box-shadow: var(--v5-sh1);
  animation: hx5-entra .45s var(--v5-eo) both; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-row:nth-child(2) { animation-delay: .05s; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-row:nth-child(n+3) { animation-delay: .1s; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-name { font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cells { gap: 12px 16px; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell { gap: 4px; min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell .t-caption { font-size: 12.5px; color: var(--v5-t2); white-space: nowrap; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell .t-tnum {
  font-size: 22px; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell--signal {
  margin: -8px 0; padding: 8px 12px; border-radius: 14px; background: color-mix(in srgb, var(--v5-acc) 6%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell--signal .t-caption { color: var(--accent-soft); }
/* Copiloto */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-section .helix-insights-card-head {
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 28px 0 12px !important; padding: 0 2px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card-head h3 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card-head .t-caption { font-size: 12.5px; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card { border: 0; border-radius: 22px; background: var(--v5-card); box-shadow: var(--v5-sh1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card-inner { padding: 18px 20px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card-inner.hx5-pr-vacio { display: flex; align-items: center; gap: 16px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-metrica-empty { margin: 0; max-width: 78ch; font-size: 13.5px; line-height: 1.55; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-list { gap: 12px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-card { padding: 16px 20px; border: 0; border-radius: 22px; background: var(--v5-card); box-shadow: var(--v5-sh1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-head { align-items: center; margin-bottom: 8px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-head .t-body { font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--v5-t1); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-card p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-actions { gap: 8px; flex-wrap: wrap; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-result.ok { color: var(--p5-ok); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-copiloto-result.err { color: var(--p5-ko); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-loading { padding: 18px 4px; color: var(--v5-t2); }

@media (min-width: 1024px) {
  /* El periodo sube a la altura del título, a la derecha */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] > .hx5-titulo + .helix-insights > .helix-insights-header {
    position: relative; z-index: 1; justify-content: flex-end; margin: -62px 0 26px; pointer-events: none; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] > .hx5-titulo + .helix-insights > .helix-insights-header > .t-caption { display: none; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] > .hx5-titulo + .helix-insights > .helix-insights-header > * { pointer-events: auto; }
}
@media (max-width: 1023px) {
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-row { padding: 16px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-campana-cell--signal { margin: 0; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-insights-card-inner.hx5-pr-vacio { flex-direction: column; align-items: flex-start; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="campaigns"] .helix-period-btn { height: 34px; min-height: 34px; }
}

/* ══ Comentarios ══ */
/* Las reglas, en una tarjeta con filas (la monta helix-v5-pantallas.js): icono, palabras, detalle y acciones */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista {
  box-sizing: border-box; margin: 0 0 14px; padding: 2px 20px; border-radius: 22px; background: var(--v5-card); box-shadow: var(--v5-sh1);
  animation: hx5-entra .45s var(--v5-eo) both; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista > .helix-setting-row { justify-content: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--v5-line); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista > .helix-setting-row:last-child { border-bottom: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista > .helix-setting-row > div:not(.hx-actions) { flex: 1; min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista .helix-setting-label { font-size: 15px; font-weight: 600; letter-spacing: -.01em; overflow-wrap: anywhere; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista .helix-setting-label + .t-caption { font-size: 13px !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-ico {
  flex: none; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 11px;
  background: var(--p5-sub); box-shadow: inset 0 0 0 1px var(--v5-line); color: var(--v5-t2); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista .hx-actions { flex: none; margin: 0; flex-wrap: nowrap; }
/* Encendida / Apagada: el botón de siempre, con la cara de su estado (verde encendida, gris apagada) */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--secondary,
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--primary {
  gap: 7px; min-width: 104px; justify-content: center; font-weight: 600; filter: none; box-shadow: none; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--secondary { color: var(--p5-ok); background: color-mix(in srgb, #34C759 16%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--secondary:hover:not(:disabled) { background: color-mix(in srgb, #34C759 24%, transparent); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--primary { color: var(--v5-t2); background: var(--p5-btn); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--primary:hover:not(:disabled) { color: var(--v5-t1); background: var(--p5-btn-h); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle]::before {
  content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx-actions .helix-btn[data-com-toggle].helix-btn--primary::before { background: var(--v5-t3); }
/* Vacío: la mascota, el texto y el botón en una tarjeta */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-vacio {
  box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 0 0 14px; padding: 28px 24px;
  border-radius: 24px; background: var(--v5-card); box-shadow: var(--v5-sh1); text-align: center; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-vacio > .hx-state-note { max-width: 460px; margin: 0; padding: 0; background: none; box-shadow: none; font-size: 13.5px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-vacio > .hx-actions { justify-content: center; margin: 4px 0 0; }
/* Formulario de una regla: campos a todo el ancho de su columna; las casillas, interruptores */
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row > div:first-child { flex: 1 1 auto; min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row > div:last-child:not(:first-child) { flex: 0 0 min(360px, 46%); min-width: 0; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row > div:last-child:has(> input[type="checkbox"]) { flex: none; display: flex; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row :is(textarea, select, input[type="text"]).hx-field {
  display: block; width: 100% !important; max-width: none !important; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; position: relative; flex: none; width: 38px; height: 23px; margin: 0; border-radius: 999px;
  background: var(--v5-track); cursor: pointer; vertical-align: middle; transition: background .2s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section input[type="checkbox"]::before {
  content: ""; position: absolute; top: 2px; left: 2px; width: 19px; height: 19px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .35); transition: transform .22s var(--v5-eo); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section input[type="checkbox"]:checked { background: var(--v5-ok); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section input[type="checkbox"]:checked::before { transform: translateX(15px); }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section input[type="checkbox"]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--v5-acc) 80%, transparent); outline-offset: 2px; }
html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section > .hx-actions { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--v5-line); }

@media (min-width: 1024px) {
  /* «Nueva palabra clave» sube a la altura del título, a la derecha; todo a la medida de Ajustes */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] > :is(.helix-settings-section, .hx5-pr-lista, .hx5-pr-vacio, .hx-actions, .hx-state-note) { max-width: 860px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] > .hx5-titulo + .hx-actions--end {
    position: relative; z-index: 1; margin: -60px 0 24px; pointer-events: none; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] > .hx5-titulo + .hx-actions--end > * { pointer-events: auto; }
}
@media (max-width: 1023px) {
  /* Comentarios: las acciones de cada regla debajo de su texto; «Nueva palabra clave» arriba, a la izquierda */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista { padding: 2px 16px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista > .helix-setting-row { flex-wrap: wrap; row-gap: 12px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista > .helix-setting-row > div:not(.hx-actions) { flex: 1 1 calc(100% - 50px); }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista .hx-actions { flex: 1 1 100%; flex-wrap: wrap; padding-left: 50px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .hx5-pr-lista .helix-btn[data-com-toggle] { margin-left: auto; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] > .hx-actions--end { justify-content: flex-start; margin: 0 0 14px; }
  /* Formulario: la etiqueta encima y el campo a todo el ancho; los interruptores siguen a la derecha */
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row:not(:has(input[type="checkbox"])) {
    flex-direction: column; align-items: stretch; gap: 8px; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section .helix-setting-row:not(:has(input[type="checkbox"])) > div:last-child { flex: none; width: 100%; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section > .hx-actions { flex-wrap: nowrap; }
  html.hx-v5 .helix-app .helix-tab-pane[data-tab="comentarios"] .helix-settings-section > .hx-actions > .helix-btn { flex: 1; justify-content: center; }
}