/* HEADER: polos. Logo tanpa garis tepi (stroke), header tanpa garis. Dimuat paling akhir. */
html body #app main .tb{
  background:var(--card,#fff)!important;background-image:none!important;
  color:var(--ink,#111)!important;box-shadow:none!important;border:0!important;gap:10px!important;
}
html body #app main .tb::before,html body #app main .tb::after{display:none!important}
html body #app main .tb .tbt{gap:12px!important;min-width:0;flex:1 1 auto}
html body #app main .tb .tbt>div:last-child{min-width:0}
/* logo: tanpa garis tepi, tanpa bayangan, tanpa miring */
html body #app main .tb .ib2{
  width:40px!important;height:40px!important;border-radius:12px!important;flex:none;
  background:var(--acc,#ffd83d)!important;
  border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;
}
html body #app main .tb .ib2 svg,html body #app main .tb .ib2 i{stroke:#111!important;color:#111!important}
html body #app main .tb .tbt b{
  display:block;font-size:18px!important;line-height:1.15;font-weight:700!important;letter-spacing:.02em!important;
  color:var(--ink,#111)!important;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body #app main .tb .tbt small{
  display:block;margin-top:2px;font-size:12px!important;letter-spacing:.02em;
  color:var(--mute,#555)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body #app main .tb .pill{
  padding:5px 10px!important;gap:7px!important;font-size:12px!important;flex:none;
  background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mute,#555)!important;
}
html body #app main .tb .pill *{color:inherit!important}
/* mode gelap: seperti aslinya (hitam, teks kuning), hanya logo tanpa stroke */
html.dark body #app main .tb{background:#000!important}
html.dark body #app main .tb .ib2{background:var(--acc,#ffd83d)!important}
html.dark body #app main .tb .tbt b{color:var(--acc,#ffd83d)!important}
html.dark body #app main .tb .tbt small,html.dark body #app main .tb .pill{color:#a8a8a8!important}
@media(max-width:380px){html body #app main .tb .tbt small{display:none}}

/* ikon logo selalu gelap di atas kotak aksen (menimpa aturan tema gelap dan tema 3D yang mewarnainya sama dengan latar) */
html:is(:root,.dark,[data-t3d]) body #app main .tb .ib2 svg,
html:is(:root,.dark,[data-t3d]) body #app main .tb .ib2 svg *{stroke:#111!important;color:#111!important;fill:none!important;opacity:1!important}
html:is(:root,.dark,[data-t3d]) body #app main .tb .ib2 i{color:#111!important}

/* avatar profil di header: huruf inisial selalu terlihat.
   Penyebab bug: aturan tema gelap/3D mewarnai SEMUA isi header dengan warna aksen (.tb *{color:var(--acc)}),
   sehingga huruf avatar (span.gl-av) jadi sewarna latarnya (aksen) lalu hilang saat profil belum punya foto. */
html body #app main .tb #tbAv .gl-av{color:#111!important;-webkit-text-fill-color:#111!important;background-color:var(--acc,#ffd83d);text-shadow:none!important;opacity:1!important}
html.dark body #app main .tb #tbAv .gl-av{border-color:var(--acc,#ffd83d)}
html body #app main .tb #tbAv .gl-dot{background:#ff4d5e!important}