/* v40 — Cash Shop หมวดหลัก/หมวดย่อย • กรอบ CP พอดีตัวเลข */
#cp-box { min-width: 0 !important; width: auto !important; }
.win[data-win="cash"] .cs-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-bottom: 6px; }
.cs-sec { padding: 9px 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: rgba(255,255,255,.75); font: inherit; font-weight: 800; font-size: 12.5px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background .15s, transform .1s; }
.cs-sec:hover { background: rgba(255,255,255,.09); color: #fff; }
.cs-sec.on { color: #1a0a24; background: linear-gradient(180deg, #ff9ad5, #ff4fa3); border-color: #ffb3dc; box-shadow: 0 4px 14px rgba(255,79,163,.35); }
.cs-subs { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; padding: 4px 0 8px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.1); }
.cs-sub { padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: transparent; color: rgba(255,255,255,.7); font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; }
.cs-sub:hover { color: #fff; border-color: rgba(255,255,255,.3); }
.cs-sub.on { color: #fff; background: rgba(255,79,163,.22); border-color: #ff4fa3; }
.cs-subs.single span { font-weight: 800; font-size: 12.5px; color: #fff; } .cs-subs.single small { margin-left: 8px; color: rgba(255,255,255,.6); font-size: 11px; }
.win[data-win="cash"] .cs-nav { display: flex !important; }
.cs-sec { flex: 1 1 auto; padding: 9px 10px; }
.win[data-win="cash"] .cs-nav { flex-wrap: wrap; }
.cs-sec { flex: 1 0 auto !important; overflow: visible !important; text-overflow: clip !important; font-size: 12px; padding: 8px 10px !important; }