/* Styles for readonly/disabled form controls across the app */
input[readonly], textarea[readonly], select[disabled], input[disabled], .readonly-input {
  background-color: #374151; /* Tailwind gray-700 */
  color: #D1D5DB; /* Tailwind gray-300 */
  border-color: #4B5563; /* Tailwind gray-600 */
  cursor: not-allowed;
  opacity: 0.85;
}

/* Keep focus visible but muted */
input[readonly]:focus, textarea[readonly]:focus, .readonly-input:focus {
  outline: 2px solid rgba(255,255,255,0.06);
  box-shadow: none;
}

/* Placeholder color for readonly inputs */
input[readonly]::placeholder, textarea[readonly]::placeholder, .readonly-input::placeholder {
  color: #9CA3AF; /* Tailwind gray-400 */
}