.slui{max-width:520px;margin:18px auto;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.slui .slui-alert{padding:10px 12px;border-radius:12px;margin:0 0 12px 0}
.slui .slui-alert-error{background:rgba(220,0,0,.14);color:#ffd0d0}
.slui .slui-alert-warn{background:rgba(255,180,0,.14);color:#ffe8b3}
.slui .slui-card{padding:12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);margin:10px 0}
.slui .slui-btn{display:inline-block;padding:10px 14px;border-radius:12px;border:0;background:#ff008a;color:#fff;text-decoration:none;cursor:pointer}
.slui .slui-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.14)}
.slui .slui-btn-sm{padding:8px 10px;border-radius:12px;font-size:13px}
.slui input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;margin:0 0 10px 0}
.slui .slui-actions{display:flex;gap:10px;margin:10px 0}
.slui .slui-actions .slui-btn{flex:1;text-align:center}
.slui .slui-status{margin-top:10px;opacity:.85}
.slui .slui-muted{opacity:.7}
.slui .slui-promo{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.slui .slui-promo:first-child{border-top:0}
.slui .slui-promo-title{font-weight:600}
:root{--slui-cashier-top:0px}.slui-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2147483647;display:none}.slui-modal.is-open{display:block}.slui-modal-backdrop{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.72)}.slui-modal-panel{position:absolute;left:0;right:0;top:0;bottom:0}.slui-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.45);color:#fff;font-size:26px;line-height:40px;cursor:pointer}.slui-modal iframe{position:absolute;left:0;right:0;top:0;bottom:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;display:block;background:#000}#sluiCashierModal{top:var(--slui-cashier-top);bottom:0}#sluiCashierModal .slui-modal-backdrop{top:0;bottom:0}body.slui-modal-open{overflow:hidden}
.slui .slui-login-links{display:flex;justify-content:flex-start;align-items:center;margin:2px 0 10px 0;font-size:13px}.slui .slui-link{color:#ff008a;text-decoration:none}.slui .slui-link:hover{text-decoration:underline}
/* Phase 3: modal viewport + safe-area + iOS input zoom */.slui input,.slui-input{font-size:16px}.slui-modal{overscroll-behavior:contain}.slui-modal-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.slui-modal-close{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}@supports(height:100dvh){.slui-modal{height:100dvh;bottom:auto}#sluiCashierModal{height:calc(100dvh - var(--slui-cashier-top));bottom:auto}.slui-modal-panel{height:100%}.slui-modal iframe{height:100%!important}}