/* hadir.css — status online anggota tim (hadir.js, dasbor.js). Warna dari token dasbor.css. */
.hadir-titik{width:9px;height:9px;border-radius:50%;flex:none;background:var(--garis2);display:inline-block}
.hadir-titik.online{background:var(--aksen);box-shadow:0 0 0 3px color-mix(in srgb,var(--aksen) 18%,transparent)}
.hadir-titik.online.belakang{background:transparent;border:2px solid var(--aksen);box-shadow:none;width:9px;height:9px;box-sizing:border-box}
.hadir-ket{font-size:12.5px;color:var(--tx3);margin-top:2px}
.hadir-ket b{color:var(--aksen-tua);font-weight:650}
.rekan-online{color:var(--aksen-tua);font-weight:600;cursor:default}
.rekan-online[hidden]{display:none}
/* Pill penanggung jawab & subjudul obrolan: titik kecil bila orangnya online. */
.pil-pembalas.online{position:relative}
.pil-pembalas.online::after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--aksen);box-shadow:0 0 0 2px var(--panel)}
.titik-online{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aksen);margin-right:6px;vertical-align:1px}
@media (prefers-color-scheme:dark){.hadir-ket b,.rekan-online{color:#6ee7b7}}