/* =====================================================
 * LS - Online Status : Frontend CSS
 * Warna aktual diambil dari setelan admin via inline style
 * yang di-print oleh wp_head (lihat class-lsos-core.php).
 * File ini hanya berisi layout dasar, agar tetap tampil
 * meski setelan admin belum dimuat.
 * ===================================================== */

.lsos-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    line-height: 1;
}

.lsos-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.lsos-dot.online  { background: #3bb54a; }
.lsos-dot.active  { background: #f5a623; }
.lsos-dot.offline { background: #b0b0b0; }

.lsos-text.online  { color: #3bb54a; }
.lsos-text.active  { color: #666666; }
.lsos-text.offline { color: #999999; }

.lsos-user-count {
    font-weight: 700;
}

.lsos-editor-preview {
    padding: 4px 0;
}