/* Lebar sidebar dipakai konten utama; tampilan sidebar sendiri ada di layout.js / sidebar.js (Tailwind) */
:root{--sw:68px}
body.sb-wide{--sw:244px}
@media(max-width:699px){:root,body.sb-wide{--sw:0px}body.sb-open{overflow:hidden}}
body main,body .wrap{margin-left:var(--sw);transition:margin-left .2s}
/* logo: di HP tampil ikon saja */
.logo .brand-icon{display:none;height:38px;width:38px}
@media(max-width:699px){.logo .brand-full{display:none!important}.logo .brand-icon{display:block}}
/* header: tombol kanan tidak boleh tertimpa/terdorong keluar layar */
.top .right{flex:none}
@media(min-width:1280px) and (max-width:1699px){.top .search{position:static!important;left:auto!important;width:auto!important;flex:1 1 auto!important;max-width:460px!important;margin-left:8px!important}}
.top .right>*{flex:none}
.top .search{min-width:0}
.top .search input{min-width:0}
@media(min-width:700px) and (max-width:1099px){.top .search{flex:1 1 0!important;max-width:none!important;width:auto}.top .right{gap:8px}}
/* belum login: tombol teman, game saya, notifikasi, dan pengaturan disembunyikan */
html.guest .top .right>:not(.chatbtn):not(.login){display:none!important}
/* kotak pencarian di tengah header */
.top .search{margin-left:auto!important;margin-right:auto!important}
@media(min-width:700px) and (max-width:1099px){.top .search{max-width:460px!important}}
@media(min-width:1100px){.top .search{position:absolute!important;left:50%!important;transform:translateX(-50%);margin:0!important;width:min(460px,calc(100% - 760px))!important;max-width:none!important;flex:none!important}}
/* belum login: tab "Game saya" di navigasi bawah HP disembunyikan */
html.guest .bnav>a:nth-child(3){display:none!important}