/* Alert Component Global Styles */

/* Base Alert Styles */
.dhcs-alert {
  min-height: 56px;
  padding: 12px var(--dhcs-spacing-md);
  border-radius: 4px;
  border-left-width: 6px !important;
  font-size: 16px;
  display: flex;
  align-items: center;
}

/* Success Alert - Green */
.dhcs-alert-success {
  background-color: var(--dhcs-color-bg-success-light) !important;
  border-color: var(--dhcs-color-status-success) !important;
  color: var(--dhcs-color-text-primary) !important;
}

.dhcs-alert-success .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-success) !important;
}

/* Error Alert - Red/Pink */
.dhcs-alert-error {
  background-color: var(--dhcs-color-bg-error-light) !important;
  border-color: var(--dhcs-color-status-error) !important;
  color: var(--dhcs-color-text-primary) !important;
}

.dhcs-alert-error .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-error) !important;
}

/* Warning Alert - Orange */
.dhcs-alert-warning {
  background-color: var(--dhcs-color-bg-warning-light) !important;
  border-color: var(--dhcs-color-status-warning-alt) !important;
  color: var(--dhcs-color-text-primary) !important;
}

.dhcs-alert-warning .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-status-warning-alt) !important;
}

/* Information Alert - Blue */
.dhcs-alert-information {
  background-color: var(--dhcs-color-bg-white) !important;
  border-color: var(--dhcs-color-primary) !important;
  color: var(--dhcs-color-text-primary) !important;
}

.dhcs-alert-information .mud-icon-root.mud-svg-icon {
  color: var(--dhcs-color-primary) !important;
}