:root{--mm-twbg:#0e1528}
html[data-theme="light"]{--mm-twbg:#ffffff}
/* scroll lebih mulus + scrollbar tipis */
.tw{ -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:rgba(120,140,190,.4) transparent; }
.tw::-webkit-scrollbar{height:7px}
.tw::-webkit-scrollbar-thumb{background:rgba(120,140,190,.38);border-radius:4px}
.tw::-webkit-scrollbar-track{background:transparent}
/* petunjuk tepi: bayangan inset muncul hanya bila ada kolom tersembunyi di sisi itu.
   inset box-shadow ter-pin ke tepi viewport scroll (tidak ikut menggulir) → cue "masih ada kolom". */
.tw[data-sx~="l"]{box-shadow:inset 16px 0 14px -14px rgba(0,0,0,.6)}
.tw[data-sx~="r"]{box-shadow:inset -16px 0 14px -14px rgba(0,0,0,.6)}
.tw[data-sx~="l"][data-sx~="r"]{box-shadow:inset 16px 0 14px -14px rgba(0,0,0,.6),inset -16px 0 14px -14px rgba(0,0,0,.6)}
html[data-theme="light"] .tw[data-sx~="l"]{box-shadow:inset 16px 0 14px -14px rgba(40,60,110,.26)}
html[data-theme="light"] .tw[data-sx~="r"]{box-shadow:inset -16px 0 14px -14px rgba(40,60,110,.26)}
html[data-theme="light"] .tw[data-sx~="l"][data-sx~="r"]{box-shadow:inset 16px 0 14px -14px rgba(40,60,110,.26),inset -16px 0 14px -14px rgba(40,60,110,.26)}
/* angka rata & seragam lebarnya di semua tabel + kartu statistik */
.tbl td,.tbl th,.kv,.mm-srch-n{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}