body.loyalty-view{overflow:hidden}body.loyalty-view>header,body.loyalty-view>main,body.loyalty-view #admin-notification-bell{display:none!important}
#loyalty-screen[hidden]{display:none!important}#loyalty-screen{position:fixed;inset:0;z-index:80;overflow:auto;background:#f5f8fc;color:#173458;padding:24px;box-sizing:border-box;font-family:ExpressCatalog,Arial,sans-serif}#loyalty-screen .loyalty-wrap{max-width:1100px;margin:auto}#loyalty-screen .catalog-level-header{margin:0 0 28px}#loyalty-screen h2{margin:0;font-size:23px}#loyalty-screen .loyalty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#loyalty-screen .loyalty-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--tier-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 6px 24px #17345808;gap:0;margin:0;min-width:0}#loyalty-screen .tier-open{width:100%;border:0;border-radius:0;background:var(--tier-bg);color:#173458;padding:32px 16px;display:flex;align-items:center;flex-direction:column;gap:14px;cursor:pointer;font:inherit}#loyalty-screen .tier-open:hover{filter:brightness(.98)}#loyalty-screen .tier-medal{width:64px;height:64px;color:var(--tier-color)}#loyalty-screen .tier-name{font-size:24px;font-weight:700}#loyalty-screen .tier-percent{font-size:32px;font-weight:700}#loyalty-screen .tier-link{display:block;text-align:center;color:#173458;padding:17px;font-size:16px;text-decoration:underline;text-underline-offset:4px;font-weight:700}.tier-bronze{--tier-bg:#f8efe7;--tier-border:#dcc1a8;--tier-color:#9b643c}.tier-silver{--tier-bg:#edf2f7;--tier-border:#c8d3df;--tier-color:#657d95}.tier-gold{--tier-bg:#fff7df;--tier-border:#e5d292;--tier-color:#a57c19}#loyalty-screen .tier-detail{max-width:560px;margin:32px auto;border:1px solid var(--tier-border);border-radius:20px;padding:32px;background:var(--tier-bg);text-align:center}#loyalty-screen .tier-detail p{font-size:21px;line-height:1.8;margin:16px 0}#loyalty-screen .tier-detail .tier-medal{display:block;margin:0 auto 20px}#loyalty-shortcut svg{color:#527b9a!important}#loyalty-screen :is(a,button):focus-visible{outline:3px solid #278ac2;outline-offset:-3px}
@media(max-width:650px){#loyalty-screen{padding:16px}#loyalty-screen .loyalty-grid{grid-template-columns:1fr;gap:14px}#loyalty-screen .tier-open{padding:20px 16px;gap:9px}#loyalty-screen .tier-medal{width:48px;height:48px}#loyalty-screen .tier-name{font-size:21px}#loyalty-screen .tier-percent{font-size:27px}#loyalty-screen .tier-detail{padding:24px 16px}#loyalty-screen .tier-detail p{font-size:19px}}

#loyalty-screen h2:focus{outline:none}.header-actions .quick-actions #loyalty-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:62px;min-height:62px;min-width:0;max-width:none;border:1px solid #d3e2ef;border-radius:11px;background:linear-gradient(145deg,#f9fcff,#f0f7fc);color:#153455;padding:7px 3px!important;margin:0;font-size:12px!important;font-weight:700;line-height:1.25;box-shadow:none;white-space:nowrap;filter:none}.header-actions .quick-actions #loyalty-shortcut svg{width:22px;height:22px;flex-shrink:0}@media(max-width:600px){.header-actions .quick-actions #loyalty-shortcut{height:50px;min-height:50px;gap:4px;font-size:11px!important;padding:5px 2px!important;border-radius:9px}.header-actions .quick-actions #loyalty-shortcut svg{width:17px;height:17px}}
#loyalty-screen .tier-percent{color:#d92e32}