/* Theme-aware message banner styles */
.slm-messages-banner {
  display: block;
  margin: 0 0 .5rem 0;
}

.slm-messages-banner .slm-msg {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem .5rem;
  border-radius: 4px;
  border: 1px solid var(--slm-color-border);
  background-color: var(--slm-color-surface);
  color: var(--slm-color-text-primary);
  margin-bottom: .25rem;
}

.slm-msg__time {
  font-size: .8rem;
  color: var(--slm-color-text-muted);
}

/* Severity-specific accents */
.slm-msg.sev-verbose { border-left: 4px solid #8e8e8e; }
.slm-msg.sev-info    { border-left: 4px solid var(--slm-color-accent); }
.slm-msg.sev-warning { border-left: 4px solid #d4aa00; }
.slm-msg.sev-error   { border-left: 4px solid var(--slm-color-error); }
.slm-msg.sev-critical{ border-left: 6px solid var(--slm-color-error); box-shadow: inset 0 0 0 1px var(--slm-color-error); }

/* ------------------------------------------------------------------------
   Dev diagnostics (DevErrorStore overlay)
   ------------------------------------------------------------------------ */

.slm-devdiag-banner {
  position: sticky;
  top: 0;
  z-index: 5000;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 2px solid #7a1b1b !important;
  background: #fff0f0 !important;
  color: #7a1b1b !important;
  font: 13px system-ui;
}

.slm-devdiag-banner__header {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.slm-devdiag-banner__title {
  font-weight: 700;
}

.slm-devdiag-banner__btn {
  border: 1px solid #b44;
  background: #fff;
  color: #7a1b1b;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
}

.slm-devdiag-banner__btn:hover {
  background: #ffd6d6;
}

.slm-devdiag-banner__body {
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.slm-devdiag-banner__entry {
  border: 1px solid #e3a0a0;
  border-radius: 8px;
  background: #fff;
  padding: 8px 10px;
}

.slm-devdiag-banner__meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  opacity: 0.9;
}

.slm-devdiag-banner__message {
  margin-top: 4px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.slm-devdiag-banner__type {
  font-weight: 700;
}

.slm-devdiag-banner__details {
  margin: 6px 0 0 0;
  white-space: pre-wrap;
  font: 11px Consolas, monospace;
  color: #4b0f0f;
}

/* Inline per-component error surface (used by `ComponentErrorBoundary`) */
.slm-devdiag-inline {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #e3a0a0;
  border-left: 6px solid #7a1b1b;
  border-radius: 8px;
  background: #fff;
  color: #7a1b1b;
  font: 13px system-ui;
}

.slm-devdiag-inline__title {
  font-weight: 700;
}

.slm-devdiag-inline__message {
  margin-top: 4px;
}

.slm-devdiag-inline__actions {
  margin-top: 8px;
  display: flex;
  gap: 8px;
}

.slm-devdiag-inline__btn {
  border: 1px solid #b44;
  background: #fff;
  color: #7a1b1b;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
}

.slm-devdiag-inline__btn:hover {
  background: #ffe0e0 !important;
}


/* ModalDialog CSS removed — replaced by SlmDialog (see SLMDialog.css). */