/* Disabled styles */
.peer:disabled ~ .peer-\[\:placeholder-shown\:not\(\:focus\)\]\:text-gray-400,
[type='text']:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #e5e7eb; /* Tailwind bg-gray-200 */
  color: #9ca3af; /* Tailwind text-gray-400 */
  cursor: not-allowed;
  border-color: #d1d5db; /* slightly lighter border for disabled */
}