/*
 * Errors (js/core/errors.js, js/views/views_errors.js): the error panel with its code and incident, and the Error Reference.
 * Theme tokens only. Buttons come from HX.ui.btn; nothing here draws one.
 */
.hxe-panel {
  display: flex;
  flex-direction: column;
  gap: var(--cds-spacing-03, 8px);
  max-width: 40rem;
  padding: var(--cds-spacing-05, 16px);
  background: var(--cds-layer-01);
  color: var(--cds-text-primary);
  border-left: 4px solid var(--cds-support-error);
  min-width: 0;
  overflow-wrap: anywhere;
}
.hxe-panel--plain { border-left-color: var(--cds-support-warning); }
.hxe-title { margin: 0; font-size: var(--cds-heading-03-font-size, 1.25rem); font-weight: 400; }
.hxe-msg, .hxe-action { margin: 0; color: var(--cds-text-secondary); font-size: var(--cds-body-compact-01-font-size, 0.875rem); }
.hxe-action strong { color: var(--cds-text-primary); font-weight: 600; }
.hxe-foot { display: flex; flex-direction: column; gap: var(--cds-spacing-03, 8px); margin-top: var(--cds-spacing-02, 4px); }
.hxe-ids { display: flex; flex-wrap: wrap; gap: var(--cds-spacing-02, 4px) var(--cds-spacing-05, 16px); }
.hxe-id { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: var(--cds-spacing-02, 4px); }
.hxe-k { color: var(--cds-text-secondary); font-size: var(--cds-label-01-font-size, 0.75rem); }
.hxe-id code, .er-code code { font-family: var(--cds-code-01-font-family, monospace); user-select: all; white-space: nowrap; }
.er-id { white-space: nowrap; }
.er-muted { color: var(--cds-text-secondary); }
.er-var { font-family: var(--cds-code-01-font-family, monospace); font-style: normal; color: var(--cds-text-secondary); }
.hxe-acts { display: flex; flex-wrap: wrap; gap: var(--cds-spacing-02, 4px); }
.hxe-fallback-link { color: var(--cds-link-primary); }

/* Error Reference */
.er-bar { display: flex; flex-direction: column; gap: var(--cds-spacing-04, 12px); margin-bottom: var(--cds-spacing-05, 16px); }
.er-search { width: 100%; max-width: 28rem; }
.er-chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-spacing-02, 4px); }
.er-chips__k { color: var(--cds-text-secondary); font-size: var(--cds-label-01-font-size, 0.75rem); margin-right: var(--cds-spacing-03, 8px); }
.er-detail { max-width: 52rem; }
.er-code { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cds-spacing-03, 8px); margin: 0 0 var(--cds-spacing-03, 8px); }
.er-sec { margin-top: var(--cds-spacing-06, 24px); max-width: 52rem; }
.er-detail dl { display: grid; grid-template-columns: minmax(7rem, 11rem) 1fr; gap: var(--cds-spacing-03, 8px) var(--cds-spacing-05, 16px); margin: 0; }
.er-detail dt { color: var(--cds-text-secondary); font-size: var(--cds-label-01-font-size, 0.75rem); }
.er-detail dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 671px) {
  .er-detail dl { grid-template-columns: 1fr; gap: var(--cds-spacing-01, 2px); }
  .er-detail dd { margin-bottom: var(--cds-spacing-03, 8px); }
}
.er-chips [aria-pressed="true"] {
  background: var(--cds-layer-selected-01, var(--cds-layer-01));
  color: var(--cds-text-primary);
  box-shadow: inset 0 -2px 0 var(--cds-border-interactive);
}