/* W8 native UI; state, rewards and provider decisions stay with the existing backend. */
:root{--sb-danger:#bd2947}body.sb7-admin :is(.ops-btn.danger,.btn-danger),body.sb7-customer .btn-danger{background:#bd2947!important;border-color:#bd2947!important;color:#fff!important}body.sb7-customer .sb-status.is-error{background:#341a24;color:#ffb4c3}body.sb7-admin .ops-notice.error{background:#8f203b;color:#fff}
body.sb7-customer :is(.sb-card,.sb-profile,.sb-reward-card,.sb-history-group,.customer-surface){background:#1b1d22!important;border-color:#35363c!important}body.sb7-customer .sb-shop-grid .customer-reward-row{background:#1b1d22!important;border-color:#454139!important}body.sb7-customer .sb-page .sb-tabs button.active{color:#171715!important}body.sb7-customer.sb7-chat .chat-body .msg.admin{background:#282a30!important;color:#f4f5f7!important}body.sb7-customer.sb7-chat .chat-body .msg.user{background:linear-gradient(120deg,#edcb70,#c79c3b)!important;color:#151511!important}body.sb7-customer.sb7-chat :is(.customer-composer-wrap,.chat-input-bar){background:#1b1d22!important;border-color:#35363c!important}body.sb7-customer.sb7-chat .chat-input-bar input{background:#282a30!important;border-color:#44464d!important}body.sb7-customer.sb7-chat .v6-credit-strip{background:#222329!important;border-color:#59503c;color:#ead9ac}body.sb7-customer.sb7-chat .customer-chat-help{background:#1b1d22!important}
body.sb7-customer .sb-shop-grid .customer-reward-row button.customer-secondary{color:#171715!important;background:linear-gradient(#f4d87e,#c89c39)!important}body.sb7-customer .sb-tabs button.active{color:#171715!important}.sb7-customer .sb-wheel-rules{color:#b3b6c0}body.sb7-admin code{color:#796022}
body.sb7-customer .customer-secondary{background:linear-gradient(#f4d87e,#c89c39)!important;color:#181610!important;border:1px solid #d8b65b!important}body.sb7-customer .sb-section-head a{color:#d9b24c}body.sb7-customer .sb-page .sb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.sb7-customer .sb-shop-grid .customer-reward-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px;min-width:0}body.sb7-customer .sb-shop-grid .customer-reward-row>div{display:flex;flex-direction:column;flex:1;padding:8px 2px!important}body.sb7-customer .customer-reward-row .customer-reward-placeholder,body.sb7-customer .customer-reward-row>img{width:100%!important;height:140px!important;object-fit:contain;background:#25262a!important;color:#d9b24c!important}body.sb7-customer .customer-reward-row h3{font-size:15px!important}body.sb7-customer .customer-reward-row p{font-size:12px}body.sb7-customer .customer-reward-row button{margin-top:auto;min-height:44px;font-size:14px}.ops-login .ops-btn.primary{background:#d9b24c;color:#181610;border-color:#bd9638}.ops-login .ops-auth-logo{width:240px;height:74px}.ops-login .ops-auth-card{border-top-color:#d9b24c}
body.sb7-customer{--sb-ink:#f4f5f7;--sb-text:#f4f5f7;--sb-blue:#d9b24c;--sb-bg:#101114;--sb-muted:#b2b4bd;--sb-line:#35363c;--bg:#101114;--bg2:#1b1d22;--card:#1b1d22;--white:#1b1d22;--text:#f4f5f7;--muted:#b2b4bd;--border:#35363c;--gold:#d9b24c;--gold2:#bd9131;--accent:#d9b24c;background:#101114!important;color:#f4f5f7!important}body.sb7-customer .sb-page{--sb-blue:#d9b24c;--sb-line:#35363c;--sb-muted:#b2b4bd}body.sb7-customer .sb7-brand-header{background:#101114;padding:12px 16px;min-height:76px;border-bottom:0}body.sb7-customer .sb7-brand-header img{width:168px;height:51px;object-fit:contain}body.sb7-customer .v3-notifications{background:#232429!important;border-color:#38393f;color:#e8e9ed}
body.sb7-customer :is(.sb-primary,.customer-primary,.btn-send),body.sb7-customer.sb7-chat .chat-input-bar .btn-send{background:linear-gradient(115deg,#f5da84,#d9b24c 60%,#ad7f21)!important;border:1px solid #efd07a!important;color:#151511!important;box-shadow:0 4px 18px #d9b24c18}body.sb7-customer .sb-primary svg{color:#151511}body.sb7-customer nav.sb7-bottom-nav{background:linear-gradient(#191a1d,#101114)!important;border-color:#393a40!important}body.sb7-customer nav.sb7-bottom-nav>a.active{color:#f4ce68!important}body.sb7-customer nav.sb7-bottom-nav>a.active::before{background:#e5bd55}
.w8-home{max-width:540px;margin:auto;padding-bottom:20px}.w8-home-content{padding:8px 14px 18px}.w8-home h1{font-size:25px;font-weight:800;margin:4px 3px 14px;line-height:1.5}.w8-credit{display:flex;align-items:center;gap:10px;min-height:126px;border:1px solid #9f8246;border-radius:14px;padding:8px 12px;background:radial-gradient(ellipse at 5% 100%,#71512155,transparent 55%),linear-gradient(125deg,#242321,#111216);box-shadow:inset 0 0 0 2px #b5974d16}.w8-credit>img{width:25%;height:100px;object-fit:contain}.w8-credit-copy{flex:1;min-width:0}.w8-credit h2{font-size:16px;color:#f4f5f7;margin:0;line-height:1.5}.w8-credit strong{font-size:36px;font-weight:800;color:#f1ce74;display:block;line-height:1.3}.w8-credit p{font-size:12px;color:#b9bbc2;margin:0}.w8-credit>a{background:linear-gradient(#f5da84,#c89a32);color:#171715;border:1px solid #f1d074;border-radius:24px;min-height:44px;padding:10px;font-size:13px;font-weight:800;display:flex;align-items:center;white-space:nowrap;gap:4px;text-decoration:none}.w8-credit a svg{width:17px;height:17px}
.w8-hero{position:relative;isolation:isolate;min-height:172px;border:1px solid #575044;border-radius:14px;overflow:hidden;margin-top:10px;display:flex;align-items:center}.w8-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.w8-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a0ccc,transparent 90%)}.w8-hero>div{padding:20px 16px;max-width:70%}.w8-hero h2{font-size:25px;color:#fff;font-weight:800;margin:0 0 4px;line-height:1.5}.w8-hero p{color:#d1d1d5;font-size:12px;margin:0 0 14px}.w8-hero .sb-primary{width:auto;min-height:44px;font-size:16px;border-radius:24px;padding:9px 20px;display:inline-flex;text-decoration:none;gap:14px}
.w8-support{display:flex;align-items:center;gap:10px;border:1px solid #414247;border-radius:13px;background:linear-gradient(115deg,#2b2924,#15161a 65%);min-height:86px;margin-top:10px;padding:4px 10px;color:#f4f5f7;text-decoration:none}.w8-support>img{width:85px;height:80px;object-fit:contain}.w8-support>div{flex:1;min-width:0}.w8-support h2{font-size:19px;margin:0 0 3px;font-weight:800}.w8-support p{font-size:12px;color:#b6b8c0;margin:0;line-height:1.5}.w8-support>svg{width:23px;flex-shrink:0}.w8-home-content>h2{font-size:23px;margin:16px 3px 9px;font-weight:800}
.w8-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.w8-tile{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;min-height:120px;padding:5px 5px 5px 0;border:1px solid #94763c;border-radius:12px;background:radial-gradient(ellipse at 5% 10%,#70522466,transparent 80%),#18191c;color:#fff;text-decoration:none;overflow:hidden}.w8-tile>img{width:100%;height:108px;object-fit:contain}.w8-tile h3{font-size:18px;font-weight:800;margin:0 0 4px;line-height:1.5}.w8-tile p{font-size:11px;color:#b8b9bf;line-height:1.5;margin:0 0 5px}.w8-tile span{display:inline-block;font-size:12px;border:1px solid #5f5c50;border-radius:8px;padding:4px;color:#ece3ca}.w8-home-link{display:flex;align-items:center;gap:13px;color:#f4f5f7;text-decoration:none;min-height:66px;padding:12px;border:1px solid #393a40;background:linear-gradient(110deg,#252629,#141519);border-radius:12px;margin-top:9px}.w8-home-link>svg:first-child{width:30px;height:30px;color:#d5d6dc}.w8-home-link>div{flex:1;min-width:0}.w8-home-link strong{font-size:17px}.w8-home-link small{display:block;color:#b7bac1;font-size:12px;margin-top:2px}.w8-home-link>svg:last-child{width:20px;height:20px}
body.sb7-customer.sb7-chat .msg.user{background:linear-gradient(120deg,#edcb70,#c79c3b)!important;color:#151511!important}body.sb7-customer.sb7-chat .msg.admin{background:#282a30!important;color:#f4f5f7!important}body.sb7-customer.sb7-chat .chat-body{background:#101114!important}body.sb7-customer.sb7-chat .v6-credit-strip b{background:#d9b24c;color:#141414}body.sb7-customer .sb-tabs button.active{background:#d9b24c;color:#181818}
body.sb7-customer .sb-wheel-heading h1{color:#efd077}body.sb7-customer .sb-wheel-stage{border-radius:50%;padding:8px;box-shadow:0 0 0 2px #a9812f,0 0 0 6px #191919,0 0 0 8px #d9b24c,0 12px 35px #d9b24c22;background:repeating-conic-gradient(#ffeb9f 0deg 1deg,#6f5620 1deg 12deg);margin:24px auto 30px;width:calc(100% - 22px)}body.sb7-customer .sb-wheel-hub{background:radial-gradient(#202020,#090909);border-color:#dbb952;padding:8px;width:26%;height:26%;box-shadow:0 0 0 3px #1a1a1a,0 0 0 5px #ba923b}body.sb7-customer .sb-wheel-meta{background:#191a1d;border-color:#77613a}body.sb7-customer .sb-wheel-meta strong{color:#f3cf74}body.sb7-customer .sb-wheel-stage canvas{border-radius:50%}
body.sb7-admin{--sb-ink:#202126;--sb-blue:#9b771d;--sb-gold:#d9b24c;--sb-bg:#f5f7fa;--sb-text:#282a30;--sb-muted:#727783;--sb-line:#e0e3e8;background:#f5f7fa!important;color:#282a30}body.sb7-admin .sb7-admin-sidebar{background:linear-gradient(170deg,#101114,#1c1d21);border-color:#3c3b33}body.sb7-admin .sidebar-brand{min-height:100px;height:100px;padding:18px}.sb7-admin .sidebar-brand img{width:180px!important;height:55px!important;object-fit:contain}body.sb7-admin .sidebar-nav .sidebar-link.active{background:linear-gradient(100deg,#e4c264,#c59a35);color:#171715;border-color:#d9b24c}body.sb7-admin .sidebar-nav .sidebar-link{color:#d4d6dc}body.sb7-admin .sidebar-nav .sidebar-link:hover{background:#343127}body.sb7-admin :is(.ops-btn.primary,.ac-page button.primary,button.btn-primary){background:#d9b24c;color:#211b0d;border-color:#bd9638}body.sb7-admin .sb7-admin-heading h1{color:#202126}body.sb7-admin .sb7-admin-avatar{background:#f9efce;color:#8d6a17}body.sb7-admin :is(.chat-item.active,.user-item.active){background:#fcf4d9!important;border-color:#c7a343!important}body.sb7-admin .chat-bubble.me{background:#fae8b1;color:#34280e}body.sb7-admin .chat-main-box{background:#f0f2f6}body.sb7-admin .sb7-breadcrumb{color:#858995}body.sb7-admin :is(.ops-banner,.ac-banner,.ra-banner){background:linear-gradient(115deg,#fffaec,#fff);border-color:#e8d9af;color:#655221}
@media(min-width:700px){.w8-home-content{padding:10px 20px 22px}.w8-credit{min-height:142px}.w8-credit>img{height:122px}.w8-credit strong{font-size:43px}.w8-hero{min-height:205px}.w8-tile{min-height:140px}.w8-tile>img{height:130px}.w8-tile h3{font-size:21px}}@media(max-width:360px){.w8-home-content{padding-inline:10px}.w8-credit{gap:6px;padding:7px}.w8-credit>img{width:22%}.w8-credit h2{font-size:14px}.w8-credit>a{font-size:11px;padding:8px}.w8-tile h3{font-size:15px}.w8-tile p{font-size:10px}.w8-tile span{font-size:11px}}