.runtime-feedback { margin-inline-start: var(--space-3); min-height: var(--control-height); }
.toast.show .runtime-feedback { pointer-events: auto; }
.toast:not(.show) .runtime-feedback { visibility: hidden; }
[data-ui-surface^="tasks.feedback."] textarea { resize: vertical; }

.toast .runtime-feedback-dismiss { margin-inline-start: var(--space-2); color: var(--app-text); border-color: var(--app-line); }
.runtime-fault-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block-start: var(--space-2); }
.runtime-fault-actions .runtime-feedback { margin-inline-start: 0; }
.toast.error {
  z-index: var(--app-layer-dialog-critical);
  transition-property: opacity;
  display: grid;
  gap: var(--space-3);
  box-sizing: border-box;
  width: min(var(--app-dialog-width-md), calc(100vw - var(--app-dialog-viewport-gap)));
  max-width: calc(100vw - var(--app-dialog-viewport-gap));
  max-height: calc(100dvh - var(--app-dialog-viewport-gap));
  overflow: auto;
  padding: var(--space-4);
  border-color: var(--state-danger-line);
  background: var(--app-panel);
  color: var(--app-text);
  text-align: start;
  font-size: var(--font-base);
  font-weight: normal;
  line-height: var(--app-settings-line-height);
}
.toast.error .runtime-fault-title { color: var(--state-danger-text); font-size: var(--font-lg); }
.toast.error .runtime-fault-message { overflow-wrap: anywhere; white-space: pre-wrap; }
.toast.error .runtime-fault-actions { margin-block-start: 0; }
.toast.error .runtime-feedback { flex: 1 1 auto; }
.toast.error [data-guide-target="fault.dismiss"] { order: -4; }
.toast.error [data-guide-target="fault.submit-diagnostic"] { order: -3; }
.toast.error [data-guide-target="fault.free-official-support"] { order: -2; }
.toast.error [data-guide-target="fault.copy-diagnostic"] { order: -1; }
@media (max-width: 540px) {
  .toast.error .runtime-fault-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .toast.error .runtime-feedback { width: 100%; min-width: 0; white-space: normal; }
}
