/* Application styles — keep most styling in Tailwind utilities */

/* Shake animation for invalid magic link code */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-8px); }
  75% { transform: translateX(8px); }
}
.animate-shake {
  animation: shake 0.3s ease-in-out;
}

/* Trix editor styling */
trix-editor {
  min-height: 12rem;
}

trix-editor.trix-content {
  overflow-y: auto;
}

/* Milkdown / ProseMirror editor surface */
.ProseMirror {
  outline: none;
  min-height: 60vh;
}
.ProseMirror[contenteditable="true"] {
  caret-color: rgb(37 99 235); /* blue-600 */
}
.milkdown-placeholder::before {
  content: attr(data-placeholder);
  color: rgb(156 163 175); /* gray-400 */
  float: left;
  height: 0;
  pointer-events: none;
}

.dark .milkdown-placeholder::before {
  color: rgb(75 85 99); /* gray-600 */
}