.okn{--okn-color:currentColor;--okn-hover:var(--e-global-color-accent,#ff1654);--okn-size:24px;--okn-badge:var(--okamy-badge-bg);--okn-badge-t:var(--okamy-badge-color);--okn-accent:var(--e-global-color-accent,#ff1654);--okn-bg:#fff;--okn-text:#1d1d22;--okn-w:380px;position:relative;display:inline-flex;vertical-align:middle}.okn *{box-sizing:border-box}.okn [hidden]{display:none!important}.okn button.okn-btn{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px;border:0!important;border-radius:999px;background:transparent!important;color:var(--okn-color)!important;font:inherit;line-height:1;text-transform:none;letter-spacing:0;box-shadow:none!important;cursor:pointer;transition:color .2s}.okn button.okn-btn:hover,.okn button.okn-btn[aria-expanded=true]{color:var(--okn-hover)!important}.okn button.okn-btn:focus-visible{outline:2px solid var(--okn-hover);outline-offset:2px}.okn-bell{position:relative;display:flex}.okn-ico{display:block;width:var(--okn-size);height:var(--okn-size);transform-origin:50% 4px}.okn lord-icon.okn-ico{display:block;width:var(--okn-size);height:var(--okn-size)}.okn img.okn-ico{display:block;width:var(--okn-size);height:var(--okn-size);max-width:none;margin:0;object-fit:contain}.okn .okn-lib{display:flex;align-items:center;justify-content:center;font-size:var(--okn-size);line-height:1}.okn .okn-lib svg{width:var(--okn-size);height:var(--okn-size);fill:currentColor}.okn.is-ring .okn-ico:not(lord-icon){animation:okn-ring 1s ease}@keyframes okn-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}/* Bolinha padrão da loja: igual em todos os ícones (sino, carrinho...). Cada widget pode mudar. */:root{--okamy-badge-size:18px;--okamy-badge-top:-6px;--okamy-badge-right:-8px;--okamy-badge-bg:var(--e-global-color-accent,#ff1654);--okamy-badge-color:#fff;--okamy-badge-font:11px;--okamy-badge-weight:700;--okamy-badge-border:2px;--okamy-badge-line:#fff}.okn-count{position:absolute;top:var(--okn-bt,var(--okamy-badge-top));right:var(--okn-br,var(--okamy-badge-right));display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--okn-bs,var(--okamy-badge-size));height:var(--okn-bs,var(--okamy-badge-size));padding:0 4px;border:var(--okamy-badge-border) solid var(--okamy-badge-line);border-radius:999px;background:var(--okn-badge);color:var(--okn-badge-t);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;font-size:var(--okamy-badge-font);font-weight:var(--okamy-badge-weight);line-height:1;white-space:nowrap;text-align:center;animation:okn-pop .4s cubic-bezier(.3,1.6,.5,1)}@keyframes okn-pop{from{transform:scale(0)}}.okn-label{font-size:15px;font-weight:600}.okn-panel{position:fixed;z-index:999980;display:flex;flex-direction:column;width:var(--okn-w);max-width:calc(100vw - 24px);max-height:min(560px,calc(100vh - 100px));overflow:hidden;border:1px solid #ececf2;border-radius:20px;background:var(--okn-bg);color:var(--okn-text);font-size:15px;line-height:1.45;text-align:left;box-shadow:0 24px 60px -12px rgba(20,20,40,.28);animation:okn-in .22s cubic-bezier(.3,1.2,.5,1);--okn-muted:#73737e;--okn-line:#ececf2;--okn-soft:#f6f6f9}.okn-panel *{box-sizing:border-box}.okn-panel [hidden]{display:none!important}@keyframes okn-in{from{opacity:0;transform:translateY(-8px) scale(.98)}}.okn-head{display:flex;align-items:center;gap:8px;padding:16px 16px 10px}.okn-head strong{flex:1;font-size:17px;font-weight:800}.okn-panel button.okn-all,.okn-panel button.okn-tab{margin:0;padding:6px 10px;border:0!important;border-radius:999px;background:transparent!important;color:var(--okn-accent)!important;font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none!important;cursor:pointer}.okn-panel button.okn-all:hover{background:var(--okn-soft)!important}.okn-panel button.okn-x{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0!important;border-radius:50%;background:var(--okn-soft)!important;color:var(--okn-text)!important;box-shadow:none!important;cursor:pointer}.okn-panel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.okn-tabs{display:flex;gap:4px;margin:0 16px 8px;padding:3px;border-radius:999px;background:var(--okn-soft)}.okn-panel button.okn-tab{flex:1;color:var(--okn-muted)!important}.okn-panel button.okn-tab.is-on{background:#fff!important;color:var(--okn-text)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}.okn-list{flex:1;margin:0;padding:0 8px;overflow-y:auto;list-style:none;overscroll-behavior:contain}.okn-list li{margin:0}.okn-panel a.okn-item{position:relative;display:flex;gap:12px;padding:12px 10px;border-radius:14px;color:inherit;text-decoration:none;transition:background .15s}.okn-panel a.okn-item:hover{background:var(--okn-soft)}.okn-item.is-new{background:color-mix(in srgb,var(--okn-accent) 5%,#fff)}.okn-item.is-new:after{content:"";position:absolute;top:18px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--okn-accent)}.okn-item-i{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--okn-soft);color:var(--okn-text)}.okn-item.is-new .okn-item-i{background:color-mix(in srgb,var(--okn-accent) 13%,#fff);color:var(--okn-accent)}.okn-item-b{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0;padding-right:12px}.okn-item-b strong{font-size:14.5px;font-weight:700}.okn-item-b span{display:-webkit-box;overflow:hidden;color:var(--okn-muted);font-size:13.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.okn-item-b time{color:#9a9aa4;font-size:12px}.okn-skel{height:64px;margin:4px 0;border-radius:14px;background:linear-gradient(90deg,var(--okn-soft) 25%,#fff 50%,var(--okn-soft) 75%);background-size:200% 100%;animation:okn-sk 1.2s infinite}@keyframes okn-sk{to{background-position:-200% 0}}.okn-empty,.okn-guest{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 24px 30px;text-align:center}.okn-empty>span,.okn-guest>span{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:4px;border-radius:50%;background:color-mix(in srgb,var(--okn-accent) 10%,#fff);color:var(--okn-accent)}.okn-empty .okn-ico,.okn-guest .okn-ico{width:26px;height:26px}.okn-empty p,.okn-guest p{margin:0 0 8px;color:var(--okn-muted);font-size:14px}.okn-panel a.okn-cta,.okn-panel a.okn-cta2{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:999px;font-weight:700;text-decoration:none}.okn-panel a.okn-cta{background:var(--okn-accent);color:#fff}.okn-panel a.okn-cta2{margin-top:6px;border:1px solid var(--okn-line);color:var(--okn-text)}.okn-panel a.okn-foot{display:block;padding:14px;border-top:1px solid var(--okn-line);color:var(--okn-accent);font-size:14px;font-weight:700;text-align:center;text-decoration:none}.okn-panel a.okn-foot:hover{background:var(--okn-soft)}.okn-back{position:fixed;inset:0;z-index:999979;background:rgba(15,15,25,.45);animation:okn-fade .2s ease}@keyframes okn-fade{from{opacity:0}}@media (max-width:767px){.okn-panel{left:0!important;right:0!important;top:auto!important;bottom:0;width:100%;max-width:none;max-height:88vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:okn-up .3s cubic-bezier(.3,1,.4,1)}@keyframes okn-up{from{transform:translateY(100%)}}.okn-panel button.okn-x{display:flex}.okn-head{padding:18px 16px 10px}.okn-panel:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:9px;background:#dcdce4}}@media (prefers-reduced-motion:reduce){.okn *,.okn-panel{animation:none!important}}