/* Estilos simplificados para checklist - sobrescreve os anteriores */

.checklist-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 !important;
  padding: 2px 0 !important;
  line-height: 1.6 !important;
  min-height: 24px !important;
  background: none !important;
  border-radius: 0 !important;
}

.checklist-item:hover {
  background: none !important;
}

.checklist-checkbox {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  accent-color: var(--color-primary) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.checklist-text {
  flex: 1 !important;
  outline: none !important;
  word-break: break-word !important;
  min-width: 0 !important;
  color: var(--color-text) !important;
  line-height: 1.6 !important;
  padding: 2px 4px !important;
  border-radius: 3px !important;
  transition: background 0.2s !important;
  min-height: auto !important;
  display: inline-block !important;
  width: 100% !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  white-space: pre-wrap !important;
  overflow-wrap: break-word !important;
}

.checklist-text:focus {
  background: rgba(255, 122, 0, 0.08) !important;
  outline: none !important;
}

/* Placeholder apenas visual - não interfere na edição */
.checklist-text:empty:not(:focus):before {
  content: 'Digite aqui...' !important;
  color: var(--color-muted) !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.checklist-text:focus:before {
  display: none !important;
}

.checklist-text:not(:empty):before {
  display: none !important;
}

/* Garantir que o texto seja editável */
.checklist-text {
  position: relative !important;
}

.checklist-text:empty {
  min-height: 1.2em !important;
}

/* Garantir que o item não bloqueie a edição */
.checklist-item {
  user-select: none !important;
}

.checklist-item .checklist-text {
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}