/* CM001 kit — toast.css (@layer cm.components). Toast stack + busy overlay. */
@layer cm.components {
  #cm-toast {
    position: fixed; inset-block-end: 18px; inset-inline-end: 18px; z-index: var(--z-toast, 1100);
    display: flex; flex-direction: column; gap: 10px; max-width: min(360px, calc(100vw - 36px)); pointer-events: none;
  }
  .cm-toast-item { pointer-events: auto; box-shadow: var(--shadow-md); background: var(--surface); margin: 0; }
  .cm-toast-act { padding-inline: 0; margin-top: 4px; }

  .cm-busy { position: absolute; inset: 0; display: grid; place-items: center; gap: 10px; grid-auto-flow: row;
    background: color-mix(in srgb, var(--surface) 62%, transparent); backdrop-filter: blur(1px); z-index: var(--z-overlay, 900); border-radius: inherit; }
  .cm-busy--global { position: fixed; z-index: var(--z-modal, 1000); }
  .cm-busy-lbl { color: var(--text-2); font-size: 13px; font-weight: 600; }
}