/**
 * 파일명: helpdesk-qa.css
 * 경로: helpdesk/assets/css/helpdesk-qa.css
 * 설명: Q&A 게시판 전용 스타일 — Solapi Design System v3.0
 */

/* ======================================== Q&A 상태 뱃지 ======================================== */
.badge-status {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: var(--hc-radius-full, 9999px);
    font-size: 10px; font-weight: 700;
}
.badge-status.status-pending  { background: var(--hc-warning-light, rgba(245,158,11,.10)); color: var(--hc-warning, #F59E0B); }
.badge-status.status-answered { background: var(--hc-success-light, rgba(16,185,129,.10));  color: var(--hc-success, #10B981); }
.badge-status.status-solved   { background: var(--hc-info-light,    rgba(59,130,246,.10));   color: var(--hc-info,    #3B82F6); }

/* 답변 개수 */
.badge-answers {
    display: inline-flex; align-items: center;
    padding: 2px 7px; border-radius: var(--hc-radius-full, 9999px);
    background: var(--hc-accent-glow, rgba(69,65,255,.13));
    color: var(--hc-accent, #4541FF);
    font-size: 10px; font-weight: 700;
    margin-left: 4px; vertical-align: middle;
}

/* 상태 필: 마크업은 helpdesk-common.css .helpdesk-board-cat-nav__track .helpdesk-status-btn */

/* ======================================== Q&A 상세 ======================================== */
.helpdesk-qa-detail { padding: var(--hc-space-lg, 24px) 0; }

.helpdesk-qa-detail-header {
    margin-bottom: var(--hc-space-lg); padding-bottom: var(--hc-space-lg);
    border-bottom: 1px solid var(--hc-border, #E2E4F0);
}
.helpdesk-qa-detail-title {
    font-size: var(--hc-font-size-xl, 20px); font-weight: 800;
    color: var(--hc-text-primary, #1A1A2E); margin: 0 0 var(--hc-space-md);
    letter-spacing: -.5px; line-height: 1.35;
}
.helpdesk-qa-detail-meta {
    display: flex; gap: var(--hc-space-md); flex-wrap: wrap;
    font-size: var(--hc-font-size-sm, 14px); color: var(--hc-text-tertiary, #9999BB);
}
.helpdesk-qa-detail-content { padding: var(--hc-space-lg) 0; line-height: 1.8; color: var(--hc-text-secondary, #555577); }

/* ======================================== 답변 목록 ======================================== */
.helpdesk-qa-answers {
    margin-top: var(--hc-space-xl, 32px); padding-top: var(--hc-space-xl);
    border-top: 1px solid var(--hc-border, #E2E4F0);
}
.helpdesk-qa-answers-title {
    font-size: var(--hc-font-size-base, 15px); font-weight: 800;
    color: var(--hc-text-primary, #1A1A2E); margin: 0 0 var(--hc-space-md);
    display: flex; align-items: center; gap: 6px;
}
.helpdesk-qa-answers-title i { color: var(--hc-accent, #4541FF); }

.helpdesk-qa-answer {
    padding: var(--hc-space-md, 16px);
    background: var(--hc-bg-tertiary, #F4F5FB);
    border: 1px solid var(--hc-border, #E2E4F0);
    border-radius: var(--hc-radius-lg, 14px); margin-bottom: 10px;
}
.helpdesk-qa-answer-header {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 8px; padding-bottom: 8px;
    border-bottom: 1px solid var(--hc-border, #E2E4F0);
}
.helpdesk-qa-answer-author { font-weight: 700; font-size: 13px; color: var(--hc-text-primary, #1A1A2E); }
.helpdesk-qa-answer-date   { font-size: 12px; color: var(--hc-text-tertiary, #9999BB); }
.helpdesk-qa-answer-content { line-height: 1.75; color: var(--hc-text-secondary, #555577); font-size: 14px; }

/* ======================================== 답변 작성 폼 ======================================== */
.helpdesk-qa-answer-form {
    margin-top: var(--hc-space-md); padding: var(--hc-space-md);
    background: var(--hc-bg-tertiary, #F4F5FB);
    border: 1px solid var(--hc-border, #E2E4F0);
    border-radius: var(--hc-radius-lg, 14px);
}
.helpdesk-qa-answer-form h4 {
    font-size: 14px; font-weight: 800; color: var(--hc-text-primary); margin: 0 0 12px;
}