/* VRM V16.2 - highly visible, consistent site-wide notifications. */
#toast.dlAlert {
 position:fixed; z-index:2147483647; top:22px; bottom:auto; left:50%; right:auto;
 transform:translateX(-50%); display:none; align-items:flex-start; gap:14px;
 width:min(580px,calc(100vw - 28px)); max-width:none; max-height:min(50vh,380px);
 box-sizing:border-box; padding:17px 18px; border-radius:14px;
 border:2px solid #fda4af; background:#9f1239; color:#fff;
 box-shadow:0 14px 48px #0008,0 0 0 4px #ffffffb0;
 text-align:left; font-size:15px; line-height:1.45; pointer-events:auto;
}
#toast.dlAlert.show{display:flex;animation:dl-alert-appear .15s ease-out}
#toast.dlAlert .alertSymbol {
 display:grid; place-items:center; flex:0 0 30px; height:30px; width:30px;
 color:#881337;background:#fff;border-radius:50%;font-size:21px;font-weight:900;line-height:1;
}
#toast.dlAlert .alertCopy{min-width:0;flex:1;display:grid;gap:3px;overflow-wrap:anywhere}
#toast.dlAlert .alertHeading{color:inherit;display:block;font-size:16px;letter-spacing:.01em;font-weight:850}
#toast.dlAlert .alertMessage{display:block;color:inherit;overflow-wrap:anywhere}
#toast.dlAlert .alertClose {
 border:1px solid #ffffff85;flex:0 0 31px;height:31px;width:31px;padding:0;
 display:grid;place-items:center;color:#fff;background:#ffffff20;border-radius:8px;
 font-size:23px;font-weight:500;line-height:1;cursor:pointer;
}
#toast.dlAlert .alertClose:hover,#toast.dlAlert .alertClose:focus-visible{background:#ffffff4a;outline:2px solid white;outline-offset:1px}
#toast.dlAlert[data-level="warning"]{background:#92400e;border-color:#fcd34d}
#toast.dlAlert[data-level="warning"] .alertSymbol{color:#78350f}
#toast.dlAlert[data-level="success"]{background:#075f4d;border-color:#6ee7b7}
#toast.dlAlert[data-level="success"] .alertSymbol{color:#065f46}
/* #modal is a native top-layer dialog. Reparent the alert to it to avoid the darkened backdrop. */
#modal #toast.dlAlert{z-index:2147483647;top:16px;left:50%;right:auto;position:fixed;}
@keyframes dl-alert-appear{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){#toast.dlAlert{top:10px;padding:13px 12px;font-size:13px;gap:10px}#toast.dlAlert .alertHeading{font-size:14px}#modal #toast.dlAlert{top:10px}}
@media(prefers-reduced-motion:reduce){#toast.dlAlert.show{animation:none}}