/* swbets.css 2026-10-20 multi-bet — compact collapsible under SPIN.
   Works with /games/_shared/scdo-fit.css (44px taps, no sideways scroll).
   Rollback: /root/backups/wheel-bets-fit-20261020/rollback.sh */
#swb{
  order:35;
  width:100%;
  max-width:100%;
  margin:6px 0 0;
  padding:0;
  border-radius:12px;
  border:1px solid #f59e0b55;
  background:#0b1220ee;
  color:#e2e8f0;
  font:500 12px/1.3 system-ui,-apple-system,"PingFang TC","Noto Sans Ethiopic",sans-serif;
  box-sizing:border-box;
  overflow-x:clip;
  min-width:0;
}
#swb[hidden]{display:none!important}
#swb *{box-sizing:border-box;max-width:100%}
#swb .swb-tog{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;min-height:44px;padding:0 12px;
  border:0;border-radius:12px;background:transparent;color:#fcd34d;
  font:800 13px/1.2 system-ui,sans-serif;cursor:pointer;text-align:left;
}
#swb .swb-tog .swb-sumline{font:600 11px/1.2 system-ui;color:#94a3b8;font-weight:600}
#swb .swb-tog .swb-chev{flex:0 0 auto;opacity:.85}
#swb.swb-open .swb-tog{border-radius:12px 12px 0 0;border-bottom:1px solid #334155}
#swb .swb-body{display:none;padding:8px 10px 10px;overflow-x:clip}
#swb.swb-open .swb-body{display:block}
#swb .swb-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px;min-width:0}
#swb .swb-row label{flex:0 0 auto;font:700 11px system-ui;color:#94a3b8;min-width:36px}
#swb button.swb-b{
  min-width:44px;min-height:44px;padding:0 10px;
  border:1px solid #475569;background:#1e293b;color:#e2e8f0;
  border-radius:10px;font:700 12px/1 system-ui;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:2px;
  flex:0 0 auto;
}
#swb button.swb-b.on{background:#f59e0b;color:#0B100D;border-color:#f59e0b}
#swb button.swb-b.has{outline:2px solid #f59e0b;outline-offset:0;background:#3a2a06}
#swb button.swb-b.has.even{outline-color:#3DDC84;background:#0f2918}
#swb .swb-seg{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
  margin:0 0 6px;width:100%;
}
#swb .swb-seg button.swb-b{
  width:100%;min-width:0;flex-direction:column;padding:4px 4px;
  border-radius:10px;min-height:44px;
}
#swb .swb-seg .m{font:800 13px/1.1 system-ui;color:#fde68a}
#swb .swb-seg .c{font:700 10px/1 system-ui;color:#94a3b8}
#swb .swb-note{margin:4px 0 0;font:500 10.5px/1.3 system-ui;color:#64748b;overflow-wrap:anywhere}
#swb .swb-sum{margin:2px 0 0;font:600 11px/1.35 system-ui;color:#cbd5e1;overflow-wrap:anywhere}
#swb .swb-sum em{font-style:normal;color:#fcd34d}

/* Keep honest play line from sitting on the chip row (swm inserts #swm-play after .swr-ctl). */
#swm-play{
  display:block!important;width:100%!important;max-width:100%!important;
  clear:both!important;position:relative!important;z-index:1;
  margin:4px 0 2px!important;padding:0 4px;box-sizing:border-box;
  overflow-wrap:anywhere;pointer-events:none;
}
#swm-line{max-width:100%;overflow-wrap:anywhere;min-width:0}
.swr-chips,.swr-pick,[data-swl=actions]{position:relative;z-index:2;max-width:100%;min-width:0}
[data-swl=actions]{overflow-x:clip}

/* Place panel in the actions column flow on desktop grid layouts */
html.swm [data-swl=sec] > #swb,
html.swm [data-swl=actions] #swb{grid-column:1/-1}

@media (min-width:640px){
  #swb .swb-seg{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-height:700px){
  #swb .swb-note{display:none}
  #swb.swb-open .swb-body{padding:6px 8px 8px}
}
@media (orientation:landscape) and (max-height:430px){
  #swb.swb-open .swb-body{max-height:min(42vh,220px);overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch}
}