.app-message-lock{overflow:hidden}
.app-message{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.app-message.is-open{visibility:visible;opacity:1}
.app-message-backdrop{position:absolute;inset:0;background:#091c31a8}
.app-message-dialog{position:relative;width:min(92vw,420px);padding:28px;background:#fff;border-radius:18px;box-shadow:0 24px 80px #091c3140;transform:translateY(12px) scale(.98);transition:transform .2s;text-align:center}
.app-message.is-open .app-message-dialog{transform:translateY(0) scale(1)}
.app-message-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:50%;background:#e4efff;color:#185da9;font-size:26px;font-weight:700}
.app-message[data-mode="question"] .app-message-symbol{background:#e3f4e9;color:#227947}
.app-message-dialog h2{margin:0 0 10px;font-size:20px;color:#102b48}
.app-message-dialog p{margin:0 0 24px;font-size:14px;line-height:1.55;color:#65768a;white-space:pre-wrap}
.app-message-actions{display:flex;justify-content:center;gap:10px}
.app-message-actions button{min-width:112px;padding:11px 16px;border-radius:9px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.app-message-primary{background:#155fbc;color:white;border:1px solid #155fbc}
.app-message-secondary{background:#f3f6f9;color:#243c54;border:1px solid #dce4ec}
.app-message-secondary[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.app-message,.app-message-dialog{transition:none}}

/* Jerarquía global: helper < mensaje < label/toast < loading de puntos < loading inicial. */
.app-message{z-index:17000}