/* ===================================================================
   Seller Inquiry List - Refactored CSS
   - sellerInquiryList.html 구조에 맞게 클래스명과 선택자를 수정한 최종본입니다.
   =================================================================== */

/* 1. 페이지 전체 폰트 굵기 및 기본 레이아웃 */
body {
    font-weight: 400;
}
h2.content-title {
    font-weight: 800 !important;
}

/* 2. 검색 결과 정보 스타일 */
.search-result-info {
    display: inline-block;
    padding: 8px 15px;
    background-color: #f2f3f8;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}
.search-result-info .text-brand {
    color: #0d6efd; /* 부트스트랩 기본 파란색 */
    font-size: 16px;
}

/* 3. 테이블 레이아웃 및 기본 스타일 */
.member-table {
    table-layout: fixed; /* 테이블 너비를 고정하여 셀 너비가 일정하게 유지되도록 함 */
    width: 100%;
    min-width: 900px; /* 테이블의 최소 너비 확보 */
}
.member-table th,
.member-table td {
    vertical-align: middle; /* 모든 셀 내용 수직 가운데 정렬 */
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
}
.member-table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
    text-align: center;
    white-space: nowrap; /* 헤더 텍스트 줄바꿈 방지 */
}
.member-table tbody td {
    text-align: center;
}

/* ===================================================================
 * [핵심 수정 1] 컬럼별 너비 지정 (기존 class 방식 -> nth-child 방식으로 변경)
 * - HTML에 클래스를 추가할 필요 없이, CSS에서 열의 순서에 따라 너비를 지정합니다.
 * =================================================================== */
.member-table th:nth-child(1), .member-table td:nth-child(1) { width: 4%; }  /* 체크박스 */
.member-table th:nth-child(2), .member-table td:nth-child(2) { width: 15%; } /* 문의 아이디 */
.member-table th:nth-child(3), .member-table td:nth-child(3) { width: 10%; } /* 문의 유형 */
.member-table th:nth-child(4), .member-table td:nth-child(4) { width: auto; } /* 문의 제목 (남은 너비 모두 사용) */
.member-table th:nth-child(5), .member-table td:nth-child(5) { width: 10%; } /* 작성자 */
.member-table th:nth-child(6), .member-table td:nth-child(6) { width: 13%; } /* 등록일 */
.member-table th:nth-child(7), .member-table td:nth-child(7) { width: 8%; }  /* 처리 상태 */
.member-table th:nth-child(8), .member-table td:nth-child(8) { width: 9%; }  /* 상세 보기 */

/* ===================================================================
 * [핵심 수정 2] 문의 제목 컬럼 스타일링 (nth-child 방식 적용)
 * =================================================================== */
/* 4번째 열(문의 제목)의 td(본문 셀)만 좌측 정렬 */
.member-table td:nth-child(4) {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 내용이 길면 ...으로 표시 */
}
.member-table td:nth-child(4) a {
    text-decoration: none; /* 평소에는 밑줄 없음 */
}
.member-table td:nth-child(4) a:hover {
    text-decoration: underline; /* 마우스를 올리면 밑줄 표시 */
}

/* ===================================================================
 * [핵심 수정 3] 테이블 처리 상태 뱃지 스타일 (custom-badge -> .badge)
 * - HTML에 이미 사용된 부트스트랩의 .badge 클래스를 직접 스타일링합니다.
 * =================================================================== */
.member-table .badge {
    padding: 0.5em 0.9em;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    min-width: 60px;
    text-align: center;
    border-radius: 10px;
}