.ui-flash {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--card);
  border: 1px solid var(--hairline);
  border-left: 4px solid var(--ink-2);
  border-radius: var(--radius-box);
  font-size: 0.9375rem;
}
.ui-flash p { margin: 0; }
.ui-flash__icon { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font: 700 0.75rem var(--sans); background: var(--ink-2); color: var(--paper); transform: translateY(1px); }
.ui-flash--success { border-left-color: var(--highlight); }
.ui-flash--success .ui-flash__icon { background: var(--highlight); color: var(--on-highlight); }
.ui-flash--alert { border-left-color: var(--danger); }
.ui-flash--alert .ui-flash__icon { background: var(--danger); color: var(--paper); }
.ui-flash__body { min-width: 0; flex: 1; }
.ui-flash__title { font-weight: 700; }

.ui-status { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; }
.ui-status__tick { width: 18px; height: 18px; border-radius: 50%; background: var(--highlight); color: var(--on-highlight); display: inline-grid; place-items: center; flex: 0 0 auto; }