/* 보드팩토리 현재 접속자 스킨 — 공통 UI 는 theme/boardfactory/css/skin.css */

/* ---------- 접속자 수 (작은 링크) ---------- */
.bfk-connect__link { display: inline-flex; align-items: center; gap: 6px; font-size: .88rem; }
.bfk-connect__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bfk-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bfk-success) 20%, transparent); }
.bfk-connect__label { color: var(--bfk-muted); }
.bfk-connect__num { color: var(--bfk-primary); font-weight: 800; }
.bfk-connect__sub { color: var(--bfk-muted); font-size: .8rem; }

/* ---------- 접속자 목록 화면 ---------- */
.bfk-connect--page { margin: 0 auto; }
.bfk-connect__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bfk-connect__item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border: 1px solid var(--bfk-border); border-radius: var(--bfk-radius); background: var(--bfk-bg); }
.bfk-connect__no { flex-shrink: 0; width: 30px; color: var(--bfk-muted); font-size: .8rem; text-align: center; }
.bfk-connect__info { flex: 1; min-width: 0; display: grid; gap: 2px; }
.bfk-connect__name { display: flex; align-items: center; gap: 6px; min-width: 0; font-weight: 700; }
.bfk-connect__where { display: flex; align-items: center; gap: 4px; min-width: 0; color: var(--bfk-muted); font-size: .85rem; }
.bfk-connect__where > a, .bfk-connect__where > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 768px) {
    .bfk-connect__list { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .bfk-connect__item { padding: 10px 12px; }
}