/* Shared user-feedback styles; loaded inside the existing .mlma-ui host. */
.mlma-ui .mlma-feedback {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--mlma-space-2) var(--mlma-space-4);
  min-width: 0;
  padding: var(--mlma-space-4);
  border: 1px solid var(--mlma-line);
  border-radius: var(--mlma-radius);
  border-inline-start: 4px solid var(--mlma-yellow);
  background: var(--mlma-surface);
  color: var(--mlma-ink);
}
.mlma-ui .mlma-feedback__content { min-width: 0; }
.mlma-ui .mlma-feedback__kind {
  display: block;
  margin: 0 0 var(--mlma-space-1);
  font: 700 .7rem/1.4 var(--mlma-font-label);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mlma-ui .mlma-feedback__title { margin: 0 0 var(--mlma-space-1); font-size: 1rem; font-weight: 800; }
.mlma-ui .mlma-feedback__body { margin: 0; color: inherit; opacity: .86; }
.mlma-ui .mlma-feedback__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mlma-space-2); grid-column: 1 / -1; }
.mlma-ui .mlma-feedback__dismiss {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--mlma-line);
  background: var(--mlma-black);
  color: var(--mlma-ink);
  font: inherit;
  cursor: pointer;
}
.mlma-ui .mlma-feedback[data-kind="SUCCESS"] { border-color: var(--mlma-green); border-inline-start-color: var(--mlma-green); background: var(--mlma-green); color: var(--mlma-success-ink); }
.mlma-ui .mlma-feedback[data-kind="INFO"] { border-inline-start-color: var(--mlma-yellow); }
.mlma-ui .mlma-feedback[data-kind="WARNING"] { border-color: var(--mlma-yellow); border-inline-start-color: var(--mlma-black); background: var(--mlma-yellow); color: var(--mlma-black); }
.mlma-ui .mlma-feedback[data-kind="ERROR"] { border-color: var(--mlma-danger); border-inline-start-color: var(--mlma-danger); }
.mlma-ui .mlma-feedback[data-kind="SUCCESS"] .mlma-feedback__body, .mlma-ui .mlma-feedback[data-kind="WARNING"] .mlma-feedback__body { opacity: 1; }
.mlma-ui .mlma-inline-error { margin-block-start: var(--mlma-space-2); color: var(--mlma-danger); font-size: .9rem; }
.mlma-ui .mlma-inline-error__title { display: block; font-weight: 700; }
.mlma-ui .mlma-inline-error__body { display: block; }
.mlma-ui .mlma-inline-error__kind { display: block; font: 700 .7rem/1.4 var(--mlma-font-label); letter-spacing: .08em; text-transform: uppercase; }
.mlma-ui .mlma-error-text { display: block; margin-block-start: var(--mlma-space-1); }
.mlma-ui .mlma-empty-state { border-style: dashed; }
.mlma-ui .mlma-empty-state__icon { display: block; margin-block-end: var(--mlma-space-2); }
.mlma-ui .mlma-blocked-state { border-color: var(--mlma-yellow); border-inline-start-color: var(--mlma-yellow); background: var(--mlma-yellow); color: var(--mlma-black); }
.mlma-ui .mlma-loading-state[aria-busy="true"] { min-height: 3rem; }
.mlma-ui .mlma-feedback__actions .mlma-button { min-height: 44px; }
.mlma-ui .mlma-toast-region {
  position: fixed;
  z-index: 1000;
  inset-inline-end: 16px;
  inset-block-end: 16px;
  display: grid;
  gap: var(--mlma-space-2);
  width: min(26rem, calc(100vw - 32px));
}
.mlma-ui .mlma-status-banner { margin-block: var(--mlma-space-4); }
@media (max-width: 560px) {
  .mlma-ui .mlma-toast-region { inset-inline: 12px; inset-block-end: 12px; width: auto; }
  .mlma-ui .mlma-feedback { padding: var(--mlma-space-3); }
}
@media (prefers-reduced-motion: reduce) {
  .mlma-ui .mlma-feedback, .mlma-ui .mlma-toast { animation: none !important; transition: none !important; }
}