@layer repui.components {
  .rui-toast-region { position: fixed; inset-inline-end: var(--rui-toast-inset-inline-end, 1rem); inset-block-end: var(--rui-toast-inset-block-end, 1rem); z-index: var(--rui-z-toast, 1100); display: grid; gap: .7rem; width: min(23rem, calc(100vw - 2rem)); pointer-events: none; }
  .rui-toast { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: .75rem; padding: .9rem; border: 1px solid var(--rui-color-border); border-radius: var(--rui-radius-md); background: var(--rui-color-surface-raised); color: var(--rui-color-text); box-shadow: var(--rui-shadow-md); pointer-events: auto; }
  .rui-toast__icon { color: var(--rui-color-primary); }
  .rui-toast__title { font-weight: 730; }
  .rui-toast__description { color: var(--rui-color-text-muted); font-size: .82rem; }
  .rui-toast__close { border: 0; background: transparent; color: var(--rui-color-text-muted); cursor: pointer; }
}