/* 1:1 문의. 목록과 칸은 member.css 의 내 활동 화면(my-*) 모양을 그대로 쓰고 문의에만 필요한 것을 더한다 */

.inq-head { gap: 10px; }
.inq-head .inq-new { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; white-space: nowrap; }
.inq-head .inq-new .ico { width: 14px; height: 14px; }
.inq-title { min-width: 0; overflow-wrap: anywhere; }

/* 상태: 답변 대기(노랑), 답변 완료(파랑), 종료(회색). 글자로도 상태를 적는다 */
.inq-status { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 2px 9px; border-radius: 999px; font-size: var(--fs-xs); font-weight: 700; line-height: 1.6; white-space: nowrap; border: 1px solid var(--line-strong); color: var(--muted); }
.inq-status.is-open { color: var(--gold); border-color: rgba(242, 193, 78, .45); background: rgba(242, 193, 78, .1); }
.inq-status.is-answered { color: var(--accent-hi); border-color: var(--accent-line); background: var(--accent-wash); }

.inq-list .inq-link { display: flex; align-items: flex-start; gap: 12px; }
.inq-list .inq-status { margin-top: 1px; min-width: 64px; justify-content: center; }
.inq-list .is-new .inq-link { background: var(--accent-wash); }
.inq-list .is-new .my-excerpt { color: #fff; font-weight: 600; }

.inq-guide { margin: 0 0 14px; color: var(--muted); font-size: var(--fs-sm); line-height: 1.6; }
.inq-textarea { min-height: 120px; resize: vertical; line-height: 1.6; }

/* 글타래: 회원 글은 왼쪽 기본 칸, 운영진 답변은 파란 테두리 칸 */
.inq-thread { margin: 0; padding: 16px 18px 4px; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.inq-msg { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface-2); }
.inq-msg.is-staff { border-color: var(--accent-line); background: var(--accent-wash); margin-left: 24px; }
.inq-msg-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; margin-bottom: 6px; font-size: var(--fs-xs); color: var(--muted); }
.inq-who { display: inline-flex; align-items: center; gap: 5px; color: #cfd8ea; font-size: var(--fs-sm); }
.inq-who .ico { width: 14px; height: 14px; }
.inq-msg.is-staff .inq-who { color: var(--accent-hi); }
.inq-body { color: var(--text); font-size: var(--fs-md); line-height: 1.7; overflow-wrap: anywhere; }

.inq-foot { border-top: 1px solid var(--line-soft); }
.inq-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
.inq-actions .btn { min-height: 44px; min-width: 120px; }
.inq-close-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line-soft); }
.inq-close-form .btn { min-height: 36px; }
.inq-closed { margin: 0; color: var(--muted); font-size: var(--fs-sm); }

@media (max-width: 575.98px) {
  .inq-thread { padding: 12px 14px 4px; }
  .inq-msg.is-staff { margin-left: 12px; }
  .inq-list .inq-status { min-width: 0; }
  .inq-actions .btn { width: 100%; }
}