/* 모바일 가독성 향상 */
@media (max-width: 767.98px) {
	.card {
		margin-bottom: 16px;
		padding: 8px 4px !important;
		font-size: 1.05em;
	}
	.user-line {
		gap: 6px;
		min-height: 48px;
		font-size: 1em;
	}
	.user-line .name {
		flex-basis: 70px;
		font-size: 1em;
	}
	.tier-icon {
		height: 22px;
	}
	.fav-icon {
		height: 16px;
	}
	.fav-list {
		gap: 4px;
	}
	.form-control, .form-control-sm {
		font-size: 1em;
		padding: 6px 8px;
	}
	.btn, .btn-sm {
		font-size: 1em;
		padding: 6px 12px;
	}
	.card-header, .card-footer {
		font-size: 1em;
		padding: 8px 10px;
	}
	.list-group-item {
		font-size: 1em;
		padding: 8px 8px;
		padding-left: calc(var(--level, 0) * 16px + 8px) !important;
		}
	/* ↳ 표시 폭을 고정해서 정렬 통일 */




	
}
@media (hover: none) and (pointer: coarse) {
  .reply-btn:hover,
  .list-group-item:hover {
    background-color: inherit !important;
    color: inherit !important;
  }
}
.flash-stack { display: grid; gap: 8px; }
/* 아이콘 통일 */
/* 정렬 유틸 (이미 사용 중) */
.user-line { display:flex; align-items:center; gap:10px; min-height:20px; }
.user-line .name { flex:0 0 90px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tier-icon { height:55px; flex:0 0 auto; }
.fav-list { display:flex; align-items:center; gap:6px; }
.fav-icon { height:28px; flex:0 0 auto; }

/* ✅ 토글 규칙: 기본=텍스트, 체크 시=이미지 */
.fav-images { display:none; }
#favViewContainer.show-images .fav-images { display: flex; gap: 10px; align-items: center; }
#favViewContainer.show-images .fav-text   { display: none; }
#chatBody { padding: 0; }
#chatList { margin: 0; }
#chatListInner > li:last-child { border-bottom: 0 !important; }
/* 채팅 리스트 압축 */
/* 채팅 본문은 여백 없이 타이트하게 */
#chatList .msg-body {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  white-space: normal;
}

/* 리스트 아이템도 기본 패딩 최소화 */
#chatList .list-group-item {
  padding: .25rem .5rem;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* 맨 마지막 아이템만 밑에 살짝 여백 */
#chatList .list-group-item:last-child {
  border-bottom: 0;
  margin-bottom: 8px;   /* 👈 여기서 마지막 댓글 밑 공간 확보 */
}