@tailwind base;
@tailwind components;
@tailwind utilities;

.select[readonly], .input:read-only {
  cursor: not-allowed;
  background-color: #f0f0f0;
  color: rgba(0, 0, 0, 0.4);
  border: none;
}

.scroll-height {
  height: 150px !important;
  overflow-y: auto;
}

.passowrd-errors {
  position: relative !important;
  bottom: 15px !important;
}

.accept-privacy-policy-errors {
  position: relative !important;
  bottom: 20px !important;
}

.chat-bubble {
  max-width: 70% !important;
}

/* Feedback Modal Jitter & Glow Animation */
@keyframes jitterShake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px) rotate(-1deg); }
  40% { transform: translateX(6px) rotate(1deg); }
  60% { transform: translateX(-4px) rotate(-1deg); }
  80% { transform: translateX(4px) rotate(1deg); }
}

@keyframes errorGlow {
  0%, 100% { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } /* Default Tailwind shadow-2xl */
  50% { box-shadow: 0 0 25px 8px rgba(239, 68, 68, 0.4); } /* Red highlight */
}

.modal-jitter {
  animation: jitterShake 0.4s ease-in-out, errorGlow 0.6s ease-in-out;
}