/*
 * 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 / Trix Editor Overflow Fix
 * Prevents ActionText content from overflowing on mobile devices
 */
.instruction-item .trix-content,
.instruction-item .trix-editor,
.instruction-item trix-editor {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Ensure Trix toolbar doesn't overflow on mobile */
.instruction-item trix-toolbar {
  max-width: 100%;
  overflow-x: auto;
}

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

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