/* Neon command-frame notifications, with independent styling on the login page. */
body.vh-dashboard .vh-toast-stack,body.vmp-login .vh-toast-stack {position:fixed;inset:auto 24px 24px auto;z-index:10000;display:grid;gap:8px;width:min(336px,calc(100vw - 32px));pointer-events:none;font-family:Inter,Arial,sans-serif}
body.vh-dashboard .vh-toast,body.vmp-login .vh-toast {--vh-notice-color:#8ca3ba;position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:14px 14px 17px!important;border:1px solid color-mix(in srgb,var(--vh-notice-color) 66%,transparent);border-radius:2px;background:linear-gradient(125deg,color-mix(in srgb,var(--vh-notice-color) 9%,#080808) 0%,#060606f5 55%,#050505f5 100%);color:#dcebed;box-shadow:0 0 12px color-mix(in srgb,var(--vh-notice-color) 15%,transparent),0 12px 30px #0008;backdrop-filter:blur(20px);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);overflow:hidden;pointer-events:auto;animation:vh-notice-in .24s cubic-bezier(.16,1,.3,1) both}
body.vh-dashboard .vh-toast-success,body.vmp-login .vh-toast-success {--vh-notice-color:#15efb1}
body.vh-dashboard .vh-toast-warning,body.vmp-login .vh-toast-warning {--vh-notice-color:#ffc65c}
body.vh-dashboard .vh-toast-info,body.vmp-login .vh-toast-info {--vh-notice-color:#8fa6bc}
body.vh-dashboard .vh-toast::before,body.vmp-login .vh-toast::before {content:'';position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--vh-notice-color) 24%,transparent);border-radius:0;background:linear-gradient(90deg,var(--vh-notice-color),transparent 35%,transparent 75%,var(--vh-notice-color)) top/100% 1px no-repeat;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);height:auto;width:auto;pointer-events:none}
body.vh-dashboard .vh-toast::after,body.vmp-login .vh-toast::after {content:'';position:absolute;top:22px;bottom:22px;left:0;width:3px;background:var(--vh-notice-color);box-shadow:0 0 14px var(--vh-notice-color);pointer-events:none}
body.vh-dashboard .vh-toast-icon,body.vmp-login .vh-toast-icon {position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--vh-notice-color) 55%,transparent);border-radius:50%;color:var(--vh-notice-color);background:radial-gradient(circle,color-mix(in srgb,var(--vh-notice-color) 16%,transparent),transparent 72%);box-shadow:inset 0 0 13px color-mix(in srgb,var(--vh-notice-color) 11%,transparent),0 0 14px color-mix(in srgb,var(--vh-notice-color) 12%,transparent)}
body.vh-dashboard .vh-toast-icon::before,body.vmp-login .vh-toast-icon::before {content:'';position:absolute;inset:-3px;border:1px solid color-mix(in srgb,var(--vh-notice-color) 32%,transparent);border-right-color:transparent;border-radius:50%;transform:rotate(-35deg)}
body.vh-dashboard .vh-toast-icon .vh-icon,body.vmp-login .vh-toast-icon .vh-icon {width:17px;height:17px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--vh-notice-color) 35%,transparent))}
body.vh-dashboard .vh-toast-content strong,body.vmp-login .vh-toast-content strong {display:block;margin:0 0 5px;color:#e7fff9;font:650 13px/1.3 Inter,Arial,sans-serif;letter-spacing:.02em}
body.vh-dashboard .vh-toast-content p,body.vmp-login .vh-toast-content p {margin:0;color:#b1c4cd;font:400 11px/1.5 Inter,Arial,sans-serif;overflow-wrap:anywhere;white-space:pre-line}
body.vh-dashboard .vh-toast button.vh-toast-close,body.vmp-login .vh-toast button.vh-toast-close {position:static;display:grid;place-items:center;width:24px;height:24px;margin:0;padding:4px;align-self:start;border:1px solid color-mix(in srgb,var(--vh-notice-color) 25%,transparent);border-radius:7px;background:#ffffff03;color:#a5bdc4;cursor:pointer}
body.vh-dashboard .vh-toast button.vh-toast-close:hover,body.vmp-login .vh-toast button.vh-toast-close:hover {color:#fff;border-color:var(--vh-notice-color);background:#ffffff09}
body.vh-dashboard .vh-toast button.vh-toast-close:focus-visible,body.vmp-login .vh-toast button.vh-toast-close:focus-visible {outline:2px solid var(--vh-notice-color);outline-offset:2px}
body.vh-dashboard .vh-toast-close .vh-icon,body.vmp-login .vh-toast-close .vh-icon {width:14px;height:14px}
body.vh-dashboard .vh-toast-progress,body.vmp-login .vh-toast-progress {position:absolute;left:18px;bottom:6px;width:calc(100% - 36px);height:2px;background:linear-gradient(90deg,var(--vh-notice-color),var(--vh-notice-color),transparent);opacity:.85;transform-origin:left;animation:vh-notice-countdown var(--vh-toast-duration) linear forwards}
body.vh-dashboard .vh-toast-paused .vh-toast-progress,body.vmp-login .vh-toast-paused .vh-toast-progress {animation-play-state:paused}
body.vh-dashboard .vh-toast-exit,body.vmp-login .vh-toast-exit {animation:vh-notice-out .16s ease-in forwards;pointer-events:none}
@keyframes vh-notice-in {from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@keyframes vh-notice-out {to{opacity:0;transform:translateX(6px)}}
@keyframes vh-notice-countdown {to{transform:scaleX(0)}}
@media(max-width:640px){body.vh-dashboard .vh-toast-stack,body.vmp-login .vh-toast-stack{inset:auto 12px 12px auto;width:min(336px,calc(100vw - 24px))}body.vh-dashboard .vh-toast,body.vmp-login .vh-toast{grid-template-columns:32px minmax(0,1fr) 24px;gap:11px;padding:14px 13px 17px!important}body.vh-dashboard .vh-toast-icon,body.vmp-login .vh-toast-icon{width:32px;height:32px}body.vh-dashboard .vh-toast-content strong,body.vmp-login .vh-toast-content strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){body.vh-dashboard .vh-toast,body.vmp-login .vh-toast,body.vh-dashboard .vh-toast-progress,body.vmp-login .vh-toast-progress{animation:none!important}}