/* Glass color belongs only to the selected shop tab. Labels stay crisp above it. */
#shop-content #shop-tabs{overflow:visible;background:transparent!important;border:0!important;padding:5px;gap:8px;box-shadow:none}
#shop-content #shop-tabs:before,#shop-content #shop-tabs:after,#shop-content #shop-tabs button:before,#shop-content #shop-tabs button:after{display:none!important}
#shop-content #shop-tabs>button{position:relative;isolation:isolate;overflow:hidden;min-height:54px;padding:12px 18px;border:2px solid transparent!important;border-radius:50px!important;background:transparent!important;box-shadow:none!important;color:#4b6066!important;filter:none;transform:none;transition:transform .3s ease,box-shadow .3s ease}
#shop-content #shop-tabs>button .shop-tab-color{display:none;margin:0;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(64deg,#3b82f6 0%,#8b5cf6 25%,#b87cf6 50%,#ec4899 75%,#f060a8 85%,#3b82f6 100%);animation:shop-tab-hue 6s linear infinite}
#shop-content #shop-tabs>button.selected{border-top:2px double #ffffffb0!important;border-left:2px outset #39274a7d!important;border-right:2px solid #e94fcaad!important;color:#20132e!important;box-shadow:0 5px 0 #6f47823b,0 9px 16px #78549125!important}
#shop-content #shop-tabs>button.selected .shop-tab-color{display:block}
.shop-tab-color:before{content:"";position:absolute;inset:3px;border:2px double #ffffff85;border-radius:50px;background:radial-gradient(ellipse at 32% 8%,#ffffffee 0%,#ffffffaa 12%,transparent 36%),radial-gradient(ellipse at 85% 20%,#ffffffce,transparent 34%),radial-gradient(ellipse at 18% 70%,#ffffff9a,transparent 27%),radial-gradient(ellipse at 75% 100%,#ffffffa8,transparent 38%),linear-gradient(180deg,#ffffff1c,transparent 65%,#fff5);box-shadow:inset 0 0 9px #fff8,inset 0 -6px 10px #a84fd88d}
.shop-tab-color:after{content:"";position:absolute;inset:6px 10px;border-left:1px solid #fff9;border-right:1px solid #fff;border-radius:45px;box-shadow:inset 0 2px 3px #fff7,inset 0 -2px 4px #fff5}
#shop-content #shop-tabs .shop-tab-label{position:relative;display:inline-block;z-index:1;margin:0;color:inherit;font:inherit;font-weight:850;letter-spacing:normal;text-shadow:none;white-space:nowrap}
#shop-content #shop-tabs>button.selected .shop-tab-label{text-shadow:0 1px 3px #fffc;animation:shop-tab-liquid 2.2s ease-in-out infinite}
#shop-content #shop-tabs>button:focus-visible{outline:2px solid #315f7b;outline-offset:4px}
#shop-content #shop-tabs>button:active{transform:scale(.97)}
#shop-content #shop-tabs>button:disabled{cursor:wait}
@media(hover:hover){#shop-content #shop-tabs>button.selected:hover{transform:scale(1.02)}#shop-content #shop-tabs>button:not(.selected):hover{text-decoration:underline;text-underline-offset:5px}}
@keyframes shop-tab-hue{to{filter:hue-rotate(360deg) saturate(1.12)}}
@keyframes shop-tab-liquid{0%,100%{transform:translateY(0) skewX(0)}25%{transform:translateY(-1px) skewX(-1.5deg)}75%{transform:translateY(1px) skewX(1.5deg)}}
.spin-sale-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:12px 0;line-height:1.4}
.spin-sale-remaining{display:inline-block;padding:5px 9px;border:1px solid currentColor;border-radius:5px;font-size:12px;font-weight:850}
.spin-sale-info small{font-size:11px;opacity:.85}
#shop-content #products .spin-poster-product .spin-sale-info{color:var(--ticket-ink)!important}
#shop-content #products .spin-poster-product .spin-sale-remaining{color:var(--ticket-ink)!important;background:transparent}
#admin-spin-fields .spin-sale-toggle{display:flex;align-items:center;gap:9px;font-weight:750}
#admin-spin-fields .spin-sale-toggle input{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:#97365c}
#admin-spin-sale-fields{border:1px solid #d4bfc7;background:#fcf8f9;border-radius:12px;padding:14px}
#admin-spin-fields [hidden]{display:none!important}
@media(max-width:600px){#shop-content #shop-tabs{width:100%;gap:3px;padding:3px}#shop-content #shop-tabs>button{padding:10px 5px;min-height:48px;min-width:0;flex:1;font-size:11px!important}.spin-sale-remaining{font-size:10px;padding:4px 6px}.spin-sale-info small{font-size:10px}}
@media(prefers-reduced-motion:reduce){#shop-content #shop-tabs>button,#shop-content #shop-tabs .shop-tab-color,#shop-content #shop-tabs .shop-tab-label{animation:none!important;transition:none!important;transform:none!important}}

#shop-content #shop-tabs>button:not(.selected){border:1px solid #c6bdc1!important;background:#fffaf8!important;box-shadow:0 3px 0 #ded5d8!important;color:#40565b!important}
@media(hover:hover){#shop-content #shop-tabs>button:not(.selected):hover{border-color:#a98b98!important;background:#f8f3f3!important;text-decoration:none;transform:translateY(-1px)}}
