.sms-operation-stack{position:fixed;top:clamp(18px,4vh,38px);left:clamp(14px,4vw,68px);z-index:100000;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.sms-operation-notice{--notice-border:#57a95a;--notice-bg:#e7f5e8;--notice-ink:#154b24;position:relative;overflow:hidden;display:grid;grid-template-columns:24px minmax(0,1fr) 26px;align-items:start;gap:10px;padding:16px 17px 18px;border:1px solid var(--notice-border);border-radius:4px;background:var(--notice-bg);color:var(--notice-ink);box-shadow:0 8px 24px #0c283827;pointer-events:auto;animation:sms-notice-enter .22s ease-out;font:500 14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}
.sms-operation-notice[data-kind="pending"]{--notice-border:#4281bb;--notice-bg:#eaf3fb;--notice-ink:#123f69}
.sms-operation-notice[data-kind="error"]{--notice-border:#d56868;--notice-bg:#fff0ee;--notice-ink:#822a27}
.sms-operation-notice[data-kind="warning"]{--notice-border:#c9952c;--notice-bg:#fff6de;--notice-ink:#694c0c}
.sms-operation-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--notice-ink);color:#fff;font-size:14px;font-weight:800;line-height:1}
.sms-operation-copy{min-width:0;overflow-wrap:anywhere}.sms-operation-title{display:block;font-weight:750}.sms-operation-detail{display:block;margin-top:2px;font-size:12px;opacity:.88}.sms-operation-close{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:22px/1 Arial,sans-serif;opacity:.72}.sms-operation-close:hover,.sms-operation-close:focus-visible{background:#00000012;opacity:1}.sms-operation-track{position:absolute;right:0;bottom:0;left:0;height:3px;background:#0000000c}.sms-operation-bar{display:block;width:100%;height:100%;background:var(--notice-border);transform-origin:left center}.sms-operation-notice[data-kind="pending"] .sms-operation-bar[data-indeterminate="true"]{width:35%;animation:sms-notice-working 1.3s ease-in-out infinite}.sms-operation-notice[data-kind="success"] .sms-operation-bar[data-countdown="true"]{animation:sms-notice-countdown 5s linear forwards}
body:has(.admin-shell) .sms-operation-stack{top:78px;left:clamp(292px,calc(258px + 2vw),320px)}
@media(max-width:1080px){body:has(.admin-shell) .sms-operation-stack{left:14px;top:72px}}
@media(max-width:600px){.sms-operation-stack{top:12px;left:12px;width:calc(100vw - 24px)}body:has(.admin-shell) .sms-operation-stack{top:68px;left:12px}.sms-operation-notice{padding:12px 13px 15px}}
@media(prefers-reduced-motion:reduce){.sms-operation-notice,.sms-operation-bar{animation:none!important}}
@keyframes sms-notice-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sms-notice-working{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
@keyframes sms-notice-countdown{to{transform:scaleX(0)}}