.order-notification-area{position:fixed;top:62px;inset-inline-end:16px;width:min(500px,calc(100vw - 32px));z-index:240;pointer-events:none}
.order-notification-area:empty{display:none}
.order-notification-area>.alert{pointer-events:auto;box-shadow:0 4px 18px #1c324829;background:#eef4ff;border:1px solid #abc6ef;color:#234b86}
.order-notice-auto-dismiss{animation:order-notice-fade 6s linear forwards}
@keyframes order-notice-fade{0%,90%{opacity:1}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:767px){.order-notification-area{top:56px;inset-inline-end:12px;width:calc(100vw - 24px)}}
.order-draft-restored{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-draft-restored button{min-height:44px}
@media(max-width:767px){.order-draft-restored button{width:100%}}