.mundo-dialog-layer[hidden] { display: none; }
.mundo-dialog-layer { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; padding: 20px; font-family: 'DM Sans', Inter, sans-serif; }
.mundo-dialog-backdrop { position: absolute; inset: 0; background: rgba(7, 4, 9, .78); backdrop-filter: blur(5px); }
.mundo-dialog { position: relative; width: min(100%, 410px); padding: 25px; border: 1px solid rgba(244, 63, 142, .3); border-radius: 22px; color: #f8eef7; background: linear-gradient(145deg, #2a172c, #160c18); box-shadow: 0 26px 80px rgba(0, 0, 0, .48), 0 0 0 1px rgba(255, 255, 255, .035) inset; animation: mundo-dialog-in .18s ease-out; }
.mundo-dialog-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 50%; color: #ffd2e5; background: rgba(244, 63, 142, .16); font-size: 1.2rem; }
.mundo-dialog[data-kind='danger'] .mundo-dialog-icon { color: #ffd6df; background: rgba(239, 68, 68, .16); }
.mundo-dialog h2 { margin: 0; color: #fff; font: 700 1.28rem/1.18 'Playfair Display', Georgia, serif; }
.mundo-dialog p { margin: 9px 0 0; color: #cdbdce; font-size: .86rem; line-height: 1.5; }
.mundo-dialog input { width: 100%; min-height: 43px; margin-top: 18px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 11px; padding: 9px 12px; outline: 0; color: #fff; background: rgba(255, 255, 255, .06); font: .87rem 'DM Sans', Inter, sans-serif; }
.mundo-dialog input:focus { border-color: rgba(244, 63, 142, .75); box-shadow: 0 0 0 3px rgba(244, 63, 142, .14); }
.mundo-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }
.mundo-dialog-actions button { min-height: 39px; border: 0; border-radius: 10px; padding: 8px 14px; font: 700 .76rem 'DM Sans', Inter, sans-serif; cursor: pointer; }
.mundo-dialog-cancel { color: #ded2df; background: rgba(255, 255, 255, .075); }
.mundo-dialog-confirm { color: #fff; background: linear-gradient(135deg, #f43f8e, #c4276a); box-shadow: 0 8px 18px rgba(196, 39, 106, .28); }
.mundo-dialog[data-kind='danger'] .mundo-dialog-confirm { background: linear-gradient(135deg, #ef476f, #bd274b); }
.mundo-dialog-actions button:hover { filter: brightness(1.08); }
.mundo-toast-stack { position: fixed; z-index: 5100; top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); display: grid; width: min(360px, calc(100vw - 32px)); gap: 9px; font-family: 'DM Sans', Inter, sans-serif; pointer-events: none; }
.mundo-toast { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid rgba(244, 63, 142, .28); border-radius: 14px; color: #f9eff8; background: rgba(38, 20, 41, .96); box-shadow: 0 14px 32px rgba(0, 0, 0, .28); animation: mundo-toast-in .22s ease-out; }
.mundo-toast-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #dbffe8; background: rgba(34, 197, 94, .18); font-size: .82rem; }
.mundo-toast[data-type='error'] .mundo-toast-icon { color: #ffd9df; background: rgba(239, 68, 68, .18); }
.mundo-toast[data-type='info'] .mundo-toast-icon { color: #dbeeff; background: rgba(59, 130, 246, .18); }
.mundo-toast strong { font-size: .78rem; line-height: 1.35; }
.mundo-toast.is-leaving { opacity: 0; transform: translateX(12px); transition: opacity .18s, transform .18s; }
@keyframes mundo-dialog-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes mundo-toast-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 480px) { .mundo-dialog-layer { align-items: end; padding: 12px; } .mundo-dialog { padding: 22px; border-radius: 20px; } }
