/* IPERC_AFECTA_DIRECT_ONLY_V188
   Ajuste v329 sobre la base existente.
   Solo modifica el apartado "Afecta a" dentro de la barra de herramientas.
   No cambia grid, tamaños, columnas ni medidas de los demás apartados.
*/

#form-afectaA-toolbar-v166.iperc-afecta-direct-only-v188 {
  overflow: hidden !important;
}


/* Oculta únicamente el select desplegable del bloque Afecta a */
#form-afectaA-toolbar-v166 #form-afectaA-select-v166 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Contenedor directo de las 4 opciones, dentro del mismo espacio existente */
#form-afectaA-direct-v188 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Cada opción se ajusta al área del apartado sin ampliar la barra */
.iperc-afecta-direct-option-v188 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 5px !important;
  border: 1px solid #a5b4fc !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #1e1b4b !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  user-select: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.iperc-afecta-direct-option-v188 input {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #4f46e5 !important;
  cursor: pointer !important;
}

.iperc-afecta-direct-option-v188 span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.iperc-afecta-direct-option-v188.activo-v188,
.iperc-afecta-direct-option-v188:has(input:checked) {
  background: #e0e7ff !important;
  border-color: #6366f1 !important;
  color: #1e1b4b !important;
}