/* Shared action feedback and system notices: one centered information panel. */
.zreev-system-message,
.zreev-message-toast.zreev-message-toast {
  position: fixed; z-index: 10000; inset: auto; top: 50%; left: 50%;
  transform: translate(-50%, -50%); width: min(28rem, calc(100% - 2rem));
  box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
  gap: 1.5rem; margin: 0; padding: 2rem; background: #172033; color: #fff;
  border: 1px solid #334155; border-radius: 12px; box-shadow: none;
  font-family: "Plus Jakarta Sans", sans-serif; font-size: 1rem;
  font-weight: 400; line-height: 1.6; text-align: center;
  max-height: calc(100dvh - 2rem); overflow-y: auto; overflow-wrap: anywhere;
}
.zreev-message-toast.zreev-message-toast { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 150ms ease; }
.zreev-message-toast.zreev-message-toast.is-visible { visibility: visible; opacity: 1; pointer-events: auto; transform: translate(-50%, -50%); }
.zreev-message-icon { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; background: #eff4ff; color: #2f6bff; }
.zreev-message-icon svg { width: 2rem; height: 2rem; }
.zreev-message-toast .zreev-message-text { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.6; color: #fff; }
.zreev-system-message strong { font-size: 1.125rem; }
.zreev-system-message p { margin: .5rem 0 0; }
.zreev-system-message a { padding: .625rem .875rem; border: 1px solid #2f6bff; border-radius: 12px; color: #2f6bff; background: #fff; text-decoration: none; font-weight: 600; }
.zreev-message-toast button.zreev-message-close { position: absolute; top: .5rem; right: .5rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: none; }
.zreev-system-message a:focus-visible,
.zreev-message-toast button.zreev-message-close:focus-visible { outline: 2px solid #2f6bff; outline-offset: 3px; }
@media (max-width:600px) { .zreev-system-message, .zreev-message-toast.zreev-message-toast { padding: 1.5rem; gap: 1rem; } }
@media (prefers-reduced-motion:reduce) { .zreev-message-toast.zreev-message-toast { transition: none; } }