/* Custom styles for readonly email input */
input[readonly] {
  background-color: #e5e7eb;
  color: #6b7280;
  user-select: none;
  cursor: not-allowed !important;
  caret-color: transparent;
}

input[readonly]:focus {
  outline: none !important;
  box-shadow: none !important;
  caret-color: transparent;
  border-color: #6b7280 !important;
}


.toast-message {
    transition: all 0.3s ease-in-out;
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

fieldset {
    border: none;
    margin: 0 !important;
}

fieldset[disabled] input,
fieldset[disabled] select,
fieldset[disabled] textarea,
fieldset[disabled] button,
fieldset[disabled] button:hover
{
    background-color: #f0f0f0;
    color: #666;
    cursor: not-allowed !important;
}

/* hide red asterisks */
fieldset[disabled] .text-red-500 {
    display: none;
}