@charset "utf-8";

/* 현재접속자 */
#current_connect ul {margin:0;padding:0;list-style:none;zoom:1}
#current_connect ul:after {display:block;visibility:hidden;clear:both;content:""}
#current_connect li:after {display:block;visibility:hidden;clear:both;content:""}
#current_connect li {position:relative;padding:18px 0;border-bottom:1px solid #ececec;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#current_connect li:first-child {border-top:1px solid #ececec}
#current_connect .crt_num {float:left;line-height:45px;margin-right:20px;color:#777;font-weight:bold}
#current_connect .crt_profile {float:left;margin-right:20px;line-height:45px}
#current_connect .crt_profile > img {width:45px;height:45px;border-radius:50%}
#current_connect .crt_info {float:left;margin-top:5px}
#current_connect .crt_name {display:block}
#current_connect .sv_member {font-weight:bold;line-height:20px;font-size:1.2em}
#current_connect .profile_img {display:none}
#current_connect .crt_lct {display:block}
#current_connect .crt_lct a {color:#797979}
#current_connect li.empty_li {width:100%;padding:200px 0;border:0;color:#666;text-align:center}

/* ── Solune: 자주하시는 질문과 같은 카드 (2026-09-29) ──────────────────
   skin/faq/basic 의 짜임 · 값을 그대로 따른다 — 흰 카드(1px 테두리 · 모서리 16),
   안쪽 20/28/32, 위 요약 줄 12.5px, 줄 사이 옅은 선(--cc-line = FAQ 의 --faq-line),
   번호는 고정폭 13px 흐린 글자, 이름 15.5px 굵게.

   위 옛 규칙(float 로 번호 · 사진 · 글을 옆으로 흘리던 것)은 지우지 않고 이
   층이 덮는다. 이 시트는 테마 CSS 보다 먼저 실리므로 루트의 .cc-skin 과
   body.solune-page 를 붙여 한 단계 올린다(FAQ 의 .faq-skin 과 같은 까닭). */
body.solune-page #current_connect.cc-skin {
    --cc-line: color-mix(in oklch, var(--solune-border) 55%, var(--solune-surface));

    margin: 0;
    overflow: hidden;
    border: 1px solid var(--solune-border);
    border-radius: 16px;
    background: var(--solune-surface);
}
body.solune-page #current_connect.cc-skin .cc-main { padding: 20px 28px 32px; }
body.solune-page #current_connect.cc-skin .cc-count { margin: 0 0 6px; color: var(--solune-muted); font-size: 12.5px; }
body.solune-page #current_connect.cc-skin .cc-count strong { color: var(--solune-text); font-weight: 600; }

body.solune-page #current_connect.cc-skin ul::after,
body.solune-page #current_connect.cc-skin li::after { content: none; }
body.solune-page #current_connect.cc-skin li {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 0;
    margin: 0;
    padding: 14px 6px;
    border: 0;
    border-top: 1px solid var(--cc-line);
}
body.solune-page #current_connect.cc-skin .crt_num {
    flex: none;
    width: 28px;
    margin: 0;
    color: var(--solune-muted);
    font-family: var(--solune-mono);
    font-size: 13px;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    float: none;
}
body.solune-page #current_connect.cc-skin .crt_profile { flex: none; margin: 0; line-height: 0; float: none; }
body.solune-page #current_connect.cc-skin .crt_profile > img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--solune-surface-soft);
    object-fit: cover;
}
body.solune-page #current_connect.cc-skin .crt_info { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; margin: 0; float: none; }
body.solune-page #current_connect.cc-skin .crt_name { overflow: hidden; color: var(--solune-text); font-size: 15.5px; font-weight: 600; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
body.solune-page #current_connect.cc-skin .crt_name .sv_member { font-size: inherit; font-weight: inherit; line-height: inherit; }
body.solune-page #current_connect.cc-skin .crt_lct { overflow: hidden; color: var(--solune-text-soft); font-size: 13px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
/* 위치 링크는 최고관리자에게만 붙는다(스킨의 조건문). */
body.solune-page #current_connect.cc-skin .crt_lct a { color: var(--solune-text-soft); text-decoration: underline; text-decoration-color: var(--cc-line); text-underline-offset: 3px; }
body.solune-page #current_connect.cc-skin .crt_lct a:hover { color: var(--solune-primary); text-decoration-color: currentColor; }
body.solune-page #current_connect.cc-skin li.empty_li { display: block; padding: 64px 0; color: var(--solune-muted); font-size: 14px; text-align: center; }

@media (max-width: 47.9375rem) {
    body.solune-page #current_connect.cc-skin .cc-main { padding: 16px 16px 24px; }
    body.solune-page #current_connect.cc-skin li { gap: 10px; padding: 12px 2px; }
    body.solune-page #current_connect.cc-skin .crt_name { font-size: 14.5px; }
}