/* Site-specific styles and Material Dashboard customizations */

/*
 * Material Dashboard Input Group Dynamic - Invalid State Borders
 *
 * NOTE: This styling is no longer needed as we've switched to input-group-outline
 * which has proper error styling built into Material Dashboard CSS.
 * Material Dashboard's input-group-outline.is-invalid styling (lines 23752-23777)
 * provides proper error borders, label colors, and error icons automatically.
 *
 * Keeping this commented out for reference in case we need to use input-group-dynamic again.
 */
/*
.input-group.input-group-dynamic.is-invalid .form-control,
.input-group.input-group-dynamic.is-invalid .form-control:focus {
  border-left: 1px solid #F44335 !important;
  border-right: 1px solid #F44335 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.input-group.input-group-dynamic.is-invalid .form-control:not(:focus) {
  border-left: 1px solid #F44335 !important;
  border-right: 1px solid #F44335 !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
*/

/*
 * Required Field Indicator
 *
 * Styles the asterisk span element inside required field labels.
 * Material Dashboard uses ::after for input-group-outline labels to create
 * the border effect, so we add the asterisk as a span element in the HTML
 * and style it with CSS.
 */
.input-group.input-group-outline .form-label.required .required-asterisk {
  color: #F44335;
  font-weight: bold;
  margin-left: 2px;
}

/* Custom file input styling removed - now using standard Material Dashboard buttons */