/*
 * DaisyUI Overrides
 * This file loads AFTER tailwind.css to override DaisyUI component defaults.
 * Keep overrides minimal - prefer Tailwind utility classes when possible.
 */

.stat-value {
  font-size: 1.5rem;
}

/*
 * ActionText / Lexxy Editor Overflow Fix
 * Prevents ActionText content from overflowing on mobile devices
 */
.instruction-item lexxy-editor {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Touch-friendly drag handle styles */
[data-sortable-handle] {
  touch-action: none;
  cursor: grab;
}

[data-sortable-handle]:active {
  cursor: grabbing;
}

/*
 * Label Text Wrapping Fix
 * DaisyUI sets text-wrap-mode: nowrap on .label which causes
 * labels to overflow their containers. Override to allow wrapping.
 */
.label {
  text-wrap-mode: wrap;
}