/* =============================================
   Portal Connect Skin — ptl_con_*
   ============================================= */
:root {
    --ptl-con-primary:  #03c75a;
    --ptl-con-text:     #1a1a1a;
    --ptl-con-meta:     #888;
    --ptl-con-border:   #efefef;
    --ptl-con-bg:       #f4f5f7;
    --ptl-con-white:    #fff;
    --ptl-con-radius:   8px;
}

/* ── 접속자 수 (connect.skin.php) ── */
.ptl_con_total { font-size: 15px; font-weight: 700; color: var(--ptl-con-primary); }

/* ── 현재 접속자 목록 (current_connect.skin.php) ── */
#ptl_con_list { }

.ptl_con_ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ptl_con_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--ptl-con-border);
    font-size: 13px;
}
.ptl_con_item:last-child { border-bottom: none; }

.ptl_con_num {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ptl-con-bg);
    color: var(--ptl-con-meta);
    font-size: 11px;
    border-radius: 50%;
}
.ptl_con_profile { flex-shrink: 0; }
.ptl_con_profile img { width: 28px; height: 28px; border-radius: 50%; display: block; }

.ptl_con_info { flex: 1; overflow: hidden; }
.ptl_con_name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--ptl-con-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ptl_con_lct {
    display: block;
    font-size: 11px;
    color: var(--ptl-con-meta);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ptl_con_lct a { color: var(--ptl-con-meta); text-decoration: none; }
.ptl_con_lct a:hover { color: var(--ptl-con-primary); }

.ptl_con_empty {
    padding: 20px;
    text-align: center;
    color: var(--ptl-con-meta);
    font-size: 13px;
}