
/* เมนู 9 กล่อง แบบ ข: แถบ + ไอคอนในวงกลม */
#tms-shop .sp-tabs .sp-tb{flex-direction:row!important;align-items:center;gap:6px!important;padding:6px!important;border-radius:14px!important;font-size:12px;font-weight:700;color:#2b2540!important;background:linear-gradient(135deg,#fff,var(--rw-s))!important;border:1px solid var(--rw-b)!important;box-shadow:0 2px 5px var(--rw-sh)!important;animation:none!important}
#tms-shop .sp-tabs .sp-tb::before,#tms-shop .sp-tabs .sp-tb::after{display:none!important}
#tms-shop .sp-tabs .sp-tb i{flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:50%!important;font-size:14px!important;background:radial-gradient(circle at 32% 28%,#fff 0,var(--rw-c1) 45%,var(--rw-c2) 100%)!important;box-shadow:0 0 0 1.5px #fff!important;overflow:hidden}
#tms-shop .sp-tabs .sp-tb i img{width:18px!important;height:18px!important}
#tms-shop .sp-tabs .sp-tb .tx{max-width:none!important;min-width:0;overflow:hidden;text-overflow:ellipsis}
#tms-shop .sp-tabs .sp-tb .new{top:-7px!important;right:-3px!important;box-shadow:0 0 0 2px #fff}
#tms-shop .sp-tabs .sp-tb.tbc9 .new{background:#e03131!important;min-width:9px;text-align:center}
#tms-shop .sp-tabs .sp-tb.on{background:linear-gradient(135deg,var(--rw-c1),var(--rw-c2))!important;color:#fff!important;border-color:transparent!important}
#tms-shop .sp-tabs .sp-tb.tbc9.on{color:#5c3b00!important}
#tms-shop .sp-tabs .sp-tb.tbc1{--rw-s:#e7f0ff;--rw-b:#cfe0ff;--rw-c1:#a5c8ff;--rw-c2:#4c8dff;--rw-sh:rgba(76,141,255,.18)}
#tms-shop .sp-tabs .sp-tb.sp{--rw-s:#fff6db;--rw-b:#ffe3a0;--rw-c1:#ffe08a;--rw-c2:#f2b705;--rw-sh:rgba(242,183,5,.2)}
#tms-shop .sp-tabs .sp-tb.tbc6{--rw-s:#fff3d6;--rw-b:#ffe0a3;--rw-c1:#ffd98a;--rw-c2:#e8a317;--rw-sh:rgba(232,163,23,.2)}
#tms-shop .sp-tabs .sp-tb.tbc2{--rw-s:#ffe8f1;--rw-b:#ffcfe1;--rw-c1:#ffb3cf;--rw-c2:#e64980;--rw-sh:rgba(230,73,128,.18)}
#tms-shop .sp-tabs .sp-tb.tbc3{--rw-s:#e3f8ec;--rw-b:#c3ecd5;--rw-c1:#9ee6bd;--rw-c2:#2fb36c;--rw-sh:rgba(47,179,108,.18)}
#tms-shop .sp-tabs .sp-tb.tbc7{--rw-s:#f1e9ff;--rw-b:#dfd0ff;--rw-c1:#c9b2ff;--rw-c2:#7950f2;--rw-sh:rgba(121,80,242,.18)}
#tms-shop .sp-tabs .sp-tb.tbc8{--rw-s:#e2f8fb;--rw-b:#c0edf3;--rw-c1:#99e4ef;--rw-c2:#15aabf;--rw-sh:rgba(21,170,191,.18)}
#tms-shop .sp-tabs .sp-tb.tbc9{--rw-s:#ffe58a;--rw-b:#f5c542;--rw-c1:#ffe066;--rw-c2:#f59f00;--rw-sh:rgba(245,159,0,.35);background:linear-gradient(135deg,#fffbe6,#ffe58a)!important;color:#5c3b00!important}
#tms-shop .sp-tabs .sp-tb.tbc4{--rw-s:#fff0e6;--rw-b:#ffd8bf;--rw-c1:#ffc29e;--rw-c2:#f76707;--rw-sh:rgba(247,103,7,.18)}
#tms-shop .sp-tabs .sp-tb.tbc5{--rw-s:#fff0eb;--rw-b:#ffd3c4;--rw-c1:#ffb199;--rw-c2:#ff7a55;--rw-sh:rgba(255,122,85,.18)}
@media (max-width:480px){#tms-shop .sp-tabs .sp-tb{gap:4px!important;padding:5px 4px!important;min-height:40px}#tms-shop .sp-tabs .sp-tb i{flex-basis:22px!important;width:22px!important;height:22px!important;font-size:12px!important}#tms-shop .sp-tabs .sp-tb i img{width:15px!important;height:15px!important}#tms-shop .sp-tabs .sp-tb .tx{white-space:normal;font-size:11.5px;line-height:1.15;overflow:visible}}
/* หน้าแรก › ร้านแลกของ (#tms-hshop) แบบ ข เหมือนกัน · 2 พ.ย. เจ้าของ: /shop/ เลิกใช้ ใช้หน้าแรกแทน */
#tms-hshop .tms-apps{gap:7px!important}
#tms-hshop .tms-app{--rw-s:#f6f4fb;--rw-b:#e6e8f0;--rw-c1:#e5dbff;--rw-c2:#9775fa;--rw-sh:rgba(43,37,64,.08)}
#tms-hshop .tms-apps .tms-app{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:6px!important;min-height:40px;border-radius:14px!important;background:linear-gradient(135deg,#fff,var(--rw-s))!important;border:1px solid var(--rw-b)!important;box-shadow:0 2px 5px var(--rw-sh)!important;position:relative;text-decoration:none!important;color:#2b2540!important;transform:none!important}
#tms-hshop .tms-apps .tms-app .tms-app-i{flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;border-radius:50%!important;background:radial-gradient(circle at 32% 28%,#fff 0,var(--rw-c1) 45%,var(--rw-c2) 100%)!important;box-shadow:0 0 0 1.5px #fff!important;font-size:15px!important;line-height:1!important;display:grid!important;place-items:center!important;overflow:hidden;position:relative}
#tms-hshop .tms-apps .tms-app .tms-app-i img{width:24px!important;height:24px!important;max-width:24px!important;object-fit:contain}
#tms-hshop .tms-apps .tms-app .tms-app-t{margin:0!important;font-size:12px!important;font-weight:700!important;color:#2b2540!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.2!important}
#tms-hshop .tms-apps .tms-app .tms-app-b{position:absolute!important;top:-7px!important;right:-3px!important;left:auto!important;box-shadow:0 0 0 2px #fff;z-index:2}
#tms-hshop .tms-apps .tms-app[data-shop="notifications"] .tms-app-b{background:#e03131!important;color:#fff!important}
#tms-hshop .tms-apps .tms-app.on{background:linear-gradient(135deg,var(--rw-c1),var(--rw-c2))!important;border-color:transparent!important}
#tms-hshop .tms-apps .tms-app.on .tms-app-t{color:#fff!important}
#tms-hshop .tms-apps .tms-app[data-shop="notifications"].on .tms-app-t{color:#5c3b00!important}
#tms-hshop .tms-app[data-shop="diamond"]{--rw-s:#e7f0ff;--rw-b:#cfe0ff;--rw-c1:#a5c8ff;--rw-c2:#4c8dff;--rw-sh:rgba(76,141,255,.18)}
#tms-hshop .tms-app[data-shop="support"]{--rw-s:#fff6db;--rw-b:#ffe3a0;--rw-c1:#ffe08a;--rw-c2:#f2b705;--rw-sh:rgba(242,183,5,.2)}
#tms-hshop .tms-app[data-shop="coin"]{--rw-s:#fff3d6;--rw-b:#ffe0a3;--rw-c1:#ffd98a;--rw-c2:#e8a317;--rw-sh:rgba(232,163,23,.2)}
#tms-hshop .tms-app[data-shop="gift"]{--rw-s:#ffe8f1;--rw-b:#ffcfe1;--rw-c1:#ffb3cf;--rw-c2:#e64980;--rw-sh:rgba(230,73,128,.18)}
#tms-hshop .tms-app[data-shop="voucher"]{--rw-s:#e3f8ec;--rw-b:#c3ecd5;--rw-c1:#9ee6bd;--rw-c2:#2fb36c;--rw-sh:rgba(47,179,108,.18)}
#tms-hshop .tms-app[data-shop="kiosk"]{--rw-s:#f1e9ff;--rw-b:#dfd0ff;--rw-c1:#c9b2ff;--rw-c2:#7950f2;--rw-sh:rgba(121,80,242,.18)}
#tms-hshop .tms-app[data-shop="wallet"]{--rw-s:#e2f8fb;--rw-b:#c0edf3;--rw-c1:#99e4ef;--rw-c2:#15aabf;--rw-sh:rgba(21,170,191,.18)}
#tms-hshop .tms-app[data-shop="notifications"]{--rw-s:#ffe58a;--rw-b:#f5c542;--rw-c1:#ffe066;--rw-c2:#f59f00;--rw-sh:rgba(245,159,0,.35);background:linear-gradient(135deg,#fffbe6,#ffe58a)!important}
#tms-hshop .tms-app[data-shop="profile"]{--rw-s:#fff0e6;--rw-b:#ffd8bf;--rw-c1:#ffc29e;--rw-c2:#f76707;--rw-sh:rgba(247,103,7,.18)}
@media (max-width:480px){#tms-hshop .tms-apps .tms-app{gap:4px!important;padding:5px 4px!important}#tms-hshop .tms-apps .tms-app .tms-app-i{flex-basis:24px!important;width:24px!important;height:24px!important;min-width:24px!important;font-size:13px!important}#tms-hshop .tms-apps .tms-app .tms-app-i img{width:20px!important;height:20px!important}#tms-hshop .tms-apps .tms-app .tms-app-t{white-space:normal;font-size:11.5px!important;line-height:1.15!important;overflow:visible}}
/* กล่องรับรางวัล 3 แท็บ */
.tms-rw-tabs{display:flex;gap:6px;margin:0 0 12px}
.tms-rw-tabs button{flex:1;min-width:0;min-height:0;padding:9px 4px;border-radius:12px;border:1px solid #e6e8f0;background:#fff;color:#2b2540;font:700 13px/1.2 Prompt,"Sarabun",sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
.tms-rw-tabs button:hover,.tms-rw-tabs button:focus{background:#faf8ff;color:#2b2540}
.tms-rw-tabs button.on,.tms-rw-tabs button.on:hover{background:#2b2540;color:#fff;border-color:#2b2540}
.tms-rw-msg{text-align:center;padding:16px;border-radius:12px;background:#fff8db;color:#8a5a00;font-weight:600}
.tms-rw-p[data-rwp="m"] #tms-reward-mailbox-wrap{margin:0}
