/* Estilos para los enlaces de menú de ACC Checklist */
.acc-checklist-menu-link {
  display: block;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  padding: 1em 1.3333em !important;
  cursor: pointer;
}

.acc-checklist-menu-link:hover {
  opacity: 0.9;
}


.acc-checklist-counter {
  margin-left: 0.5em;
  font-weight: bold;
}

/* Estilos para checklist completa - aplicar al <li> */
li.menu-item.acc-checklist-complete,
li.menu-item.acc-checklist-complete.is-active {
  /* El color de fondo se calcula dinámicamente con JavaScript */
  border-radius: 0;
  min-height: 43px;
}

li.menu-item.acc-checklist-complete a,
li.menu-item.acc-checklist-complete a.is-active,
li.menu-item.acc-checklist-complete.is-active a {
  color: white !important;
  padding: 1em 1.3333em !important;
  cursor: pointer;
  background-color: transparent !important;
}

/* Estilos para checklist incompleta - aplicar al <li> */
li.menu-item.acc-checklist-incomplete,
li.menu-item.acc-checklist-incomplete.is-active {
  /* El color de fondo se calcula dinámicamente con JavaScript */
  border-radius: 0;
}

li.menu-item.acc-checklist-incomplete a,
li.menu-item.acc-checklist-incomplete a.is-active,
li.menu-item.acc-checklist-incomplete.is-active a {
  color: white !important;
  padding: 1em 1.3333em !important;
  cursor: pointer;
  background-color: transparent !important;
}

/* Asegurar que el texto y contador sean blancos */
.acc-checklist-menu-link {
  color: white !important;
}

.acc-checklist-menu-link .acc-checklist-counter {
  color: white !important;
}

/* Estilos para checkboxes deshabilitados cuando cuestionario_mandado no está marcado */
.acc-checklist-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.acc-checklist-disabled input[type="checkbox"] {
  cursor: not-allowed;
}

/* Estilos para botones deshabilitados */
.acc-checklist-button-disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.acc-checklist-button-disabled:hover {
  opacity: 0.5;
}

/* Estilos para inputs deshabilitados */
.acc-checklist-input-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f5f5f5;
}