/* =========================================================================
 * notice.css — badge et alerte du site public (.public-badge, .public-alert-*)
 *
 * Partagés par les pages du gabarit (via app.css) et par les pages plein écran
 * hors gabarit, comme le plan de bridage, qui chargent ce seul fichier.
 * ========================================================================= */

.public-alert {
  padding: var(--eki-space-3) var(--eki-space-4);
  border-radius: var(--eki-radius-sm);
  margin-block: var(--eki-space-3);
  font-size: var(--eki-fs-sm);
  border-inline-start: 3px solid transparent;
}

.public-alert-error {
  background-color: var(--eki-badge-danger-bg);
  border-inline-start-color: var(--eki-red);
  color: var(--eki-badge-danger-fg);
}

.public-alert-success {
  background-color: var(--eki-badge-ok-bg);
  border-inline-start-color: currentColor;
  color: var(--eki-badge-ok-fg);
}

.public-alert-info {
  background-color: var(--eki-badge-info-bg);
  border-inline-start-color: currentColor;
  color: var(--eki-badge-info-fg);
}

.public-alert-warn {
  background-color: var(--eki-badge-warn-bg);
  border-inline-start-color: currentColor;
  color: var(--eki-badge-warn-fg);
}

.public-badge {
  display: inline-block;
  padding: var(--eki-space-1) var(--eki-space-2);
  font-size: var(--eki-fs-xs);
  font-weight: 500;
  border-radius: var(--eki-radius-sm);
  background-color: var(--eki-badge-warn-bg);
  color: var(--eki-badge-warn-fg);
  margin-inline-start: var(--eki-space-2);
}