/* ════ 채팅 패널 ════ */
.chat-panel {
  position: fixed; right: 0; top: 56px; bottom: 0;
  width: 260px; background: var(--surface);
  border-left: 1.5px solid var(--border);
  display: flex; flex-direction: column;
  z-index: 70;
}
.chat-panel-header {
  padding: 14px 14px 10px;
  border-bottom: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  flex-shrink: 0;
}
.chat-panel-title {
  font-family: 'Gmarket Sans', 'Noto Sans KR', sans-serif;
  font-size: 13px; font-weight: 700;
  display: flex; align-items: center; gap: 6px;
}
.chat-live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e; animation: livepulse 1.5s infinite;
  display: inline-block;
}
.chat-tab-wrap {
  display: flex; border-bottom: 1px solid var(--border); flex-shrink: 0;
}
.chat-tab {
  flex: 1; padding: 9px 4px; font-size: 12px; font-weight: 600;
  border: none; background: transparent; cursor: pointer;
  font-family: 'Noto Sans KR', sans-serif; color: var(--ink3);
  border-bottom: 2px solid transparent; transition: all .15s;
}
.chat-tab.active { color: var(--ink); border-bottom-color: var(--ink); }
.chat-messages {
  flex: 1; overflow-y: auto; padding: 10px;
  display: flex; flex-direction: column; gap: 8px;
}
.chat-messages::-webkit-scrollbar { width: 3px; }
.chat-messages::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
.chat-msg {
  padding: 8px 10px; border-radius: 10px;
  background: var(--surface2); border: 1px solid var(--border);
  animation: feedIn .3s ease;
}
.chat-msg.mine {
  background: rgba(26,24,20,.06); border-color: var(--border2);
  align-self: flex-end;
}
.chat-msg-header {
  display: flex; align-items: center; gap: 4px; margin-bottom: 3px;
  flex-wrap: wrap;
}
.chat-msg-nick { font-size: 11px; font-weight: 700; }
.chat-msg-time { font-size: 10px; color: var(--ink3); font-family: 'DM Mono', monospace; }
.chat-msg-text { font-size: 12px; color: var(--ink2); line-height: 1.5; }
.chat-input-wrap {
  padding: 10px; border-top: 1.5px solid var(--border); flex-shrink: 0;
  display: flex; gap: 6px;
}
.chat-input {
  flex: 1; padding: 8px 10px;
  background: var(--surface2); border: 1.5px solid var(--border);
  border-radius: 8px; color: var(--ink); font-size: 12px;
  font-family: 'Noto Sans KR', sans-serif; outline: none; resize: none;
  transition: border-color .15s; max-height: 80px;
}
.chat-input:focus { border-color: var(--ink2); }
.chat-send-btn {
  padding: 8px 12px; background: var(--ink); color: var(--bg);
  border: none; border-radius: 8px; font-size: 12px; font-weight: 700;
  cursor: pointer; font-family: 'Noto Sans KR', sans-serif;
  transition: all .15s; align-self: flex-end;
}
.chat-send-btn:hover { background: #333; }

/* 인플루언서 목록 탭 */
.inf-list-wrap { flex:1; overflow-y:auto; padding:8px; }
.inf-item2 {
  display: flex; align-items: center; gap: 8px;
  padding: 8px; border-radius: 9px; margin-bottom: 4px;
  cursor: pointer; transition: background .15s;
  border: 1px solid transparent;
}
.inf-item2:hover { background: var(--surface2); border-color: var(--border); }
.inf-avatar2 {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--ink); color: var(--bg);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; flex-shrink: 0;
}
.inf-info2 { flex:1; min-width:0; }
.inf-nick2 { font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inf-score2 { font-size:10px; color:var(--ink3); font-family:'DM Mono',monospace; }
.chat-request-btn {
  font-size:10px; padding:3px 8px; border-radius:6px;
  border:1px solid var(--border2); background:transparent;
  color:var(--ink2); cursor:pointer; white-space:nowrap;
  font-family:'Noto Sans KR',sans-serif; transition:all .15s;
}
.chat-request-btn:hover { border-color:var(--accent2); color:var(--accent2); }

/* 채팅 요청 알림 */
.chat-request-popup {
  position:fixed; bottom:80px; right:270px; z-index:200;
  background:var(--surface); border:2px solid var(--accent2);
  border-radius:12px; padding:14px 16px; max-width:240px;
  box-shadow:var(--shadow-lg); animation:feedIn .3s ease;
  display:none;
}
.chat-request-popup.show { display:block; }

@media (min-width: 960px) {
  .feed-wrap { padding-right: 276px; }
  .home-masthead { padding-right: 276px; }
}
@media (max-width: 959px) {
  .chat-panel { display: none; }
}