/* =====================================================
   NEW-EE JOBS – Hinweis-Molekül ee-notice (05 §2.10, B-51)
   Lädt nach components/forms.css, vor components/overlays.css.
   Inline-Hinweis mit Status-Tönen aus Tokens; role="status" (info/success/
   warn) bzw. role="alert" (error) setzt der Aufrufer. Keine Hex-Farben.
   ===================================================== */
.ee-notice {
  display: flex;
  gap: var(--ee-space-2);
  align-items: flex-start;
  margin: 0;
  padding: var(--ee-space-3) var(--ee-space-4);
  border: 1px solid var(--ee-color-border-default);
  border-radius: var(--ee-radius-control);
  background: var(--ee-color-surface-1);
  color: var(--ee-color-text-primary);
  font-family: var(--ee-font-sans);
  font-size: var(--ee-text-sm);
  line-height: var(--ee-leading-normal);
}
.ee-notice[hidden] { display: none; }
.ee-notice a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ee-notice--success { background: var(--ee-color-status-success-bg); border-color: var(--ee-color-status-success-icon); color: var(--ee-color-status-success); }
.ee-notice--error { background: var(--ee-color-status-error-bg); border-color: var(--ee-color-status-error); color: var(--ee-color-status-error); }
.ee-notice--warn { background: var(--ee-color-status-warn-bg); border-color: var(--ee-color-status-warn); color: var(--ee-color-status-warn); }
.ee-notice--info { background: var(--ee-color-status-info-bg); border-color: var(--ee-color-status-info-icon); color: var(--ee-color-status-info); }