/* Component ownership: alert.css */

body.app-shell:not(.app-shell--default) .erp-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.8rem 1rem;
  border: 1px solid var(--erp-line-soft);
  border-radius: 10px;
  background: #f8fbff;
  color: var(--erp-text);
}

body.app-shell:not(.app-shell--default) .erp-alert__icon {
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  color: inherit;
}

body.app-shell:not(.app-shell--default) .erp-alert__content {
  flex: 1 1 auto;
  min-width: 0;
}

body.app-shell:not(.app-shell--default) .erp-alert__title {
  font-size: 0.88rem;
  font-weight: 700;
}

body.app-shell:not(.app-shell--default) .erp-alert__message {
  margin-top: 0.2rem;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #4b5d72;
}

body.app-shell:not(.app-shell--default) .erp-alert__close {
  width: 1.75rem;
  height: 1.75rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
}

body.app-shell:not(.app-shell--default) .erp-alert--info {
  border-color: rgba(37, 99, 235, 0.18);
  background: rgba(37, 99, 235, 0.06);
  color: #1d4ed8;
}

body.app-shell:not(.app-shell--default) .erp-alert--success {
  border-color: rgba(22, 128, 60, 0.2);
  background: rgba(22, 128, 60, 0.08);
  color: var(--erp-success);
}

body.app-shell:not(.app-shell--default) .erp-alert--warning {
  border-color: rgba(161, 98, 7, 0.22);
  background: rgba(161, 98, 7, 0.08);
  color: #a16207;
}

body.app-shell:not(.app-shell--default) .erp-alert--danger {
  border-color: rgba(180, 35, 24, 0.2);
  background: rgba(180, 35, 24, 0.08);
  color: var(--erp-danger);
}