/* KYC Admin 반응형 레이아웃 - 뷰포트 100% 맞춤 */

html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* === 필터바 === */
.flex-container {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
    padding: 10px 0 8px !important;
}

.flex-container > li.flex-item1 {
    flex-shrink: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
}

/* 필터 라벨: 마진/폰트 축소 */
.submit_date,
.submit_date-1,
.submit_date-2,
.submit_date-3 {
    font-size: 12px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

/* 날짜 입력 */
.form-date {
    width: 145px !important;
    height: 34px !important;
    margin: 0 !important;
    font-size: 12px !important;
    padding: 4px 6px !important;
}

/* 검색 입력 */
.search-input {
    width: 130px !important;
    height: 34px !important;
    font-size: 12px !important;
    padding: 4px 6px 4px 28px !important;
}

.search_1 { margin: 0 !important; }

/* 드롭다운 */
.custom-select-1,
.custom-select-2 {
    width: 120px !important;
    height: 34px !important;
    font-size: 12px !important;
    margin: 0 !important;
    position: relative !important;
}

/* 드롭다운 화살표 아이콘 */
.select-kyc-status {
    margin-left: 100px !important;
    margin-top: -26px !important;
    position: relative !important;
    width: 12px !important;
    height: 18px !important;
}

.select-kyc-nationality {
    margin-left: 40px !important;
    margin-right: 0 !important;
    margin-top: -4px !important;
    position: relative !important;
    width: 12px !important;
    height: 18px !important;
}

/* SVG 아이콘 크기 */
.fa-magnifying-glass-calendar,
.fa-magnifying-glass-glass,
.fa-magnifying-glass-1,
.fa-magnifying-glass-search-a {
    width: 14px !important;
    height: 14px !important;
}

/* 버튼 */
.btn-warning {
    font-size: 12px !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
}

.btn-download {
    font-size: 12px !important;
    padding: 6px 10px !important;
    white-space: nowrap !important;
}

/* === 구분선 === */
.line-dashboard {
    width: 100% !important;
    margin: 15px 0 !important;
}

/* === 테이블 영역 === */
.card,
#example2,
table.display,
table.table {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 테이블 고정 레이아웃 */
table.table {
    table-layout: fixed !important;
}

/* 컬럼 너비 배분 (8컬럼, ~1090px 기준) */
table.table th:nth-child(1),
table.table td:nth-child(1) { width: 14%; }  /* KYC Certified ~153px */
table.table th:nth-child(2),
table.table td:nth-child(2) { width: 13%; }  /* User ~142px */
table.table th:nth-child(3),
table.table td:nth-child(3) { width: 20%; }  /* Email ~218px */
table.table th:nth-child(4),
table.table td:nth-child(4) { width: 10%; }  /* Document ~109px */
table.table th:nth-child(5),
table.table td:nth-child(5) { width: 10%; }  /* Nationality ~109px */
table.table th:nth-child(6),
table.table td:nth-child(6) { width: 11%; }  /* Birth Date ~120px */
table.table th:nth-child(7),
table.table td:nth-child(7) { width: 11%; }  /* KYC Status ~120px */
table.table th:nth-child(8),
table.table td:nth-child(8) { width: 11%; }  /* More ~120px */

table.table th,
table.table td {
    font-size: 12px !important;
    padding: 8px 4px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Total Count */
.total_count {
    margin-right: 0 !important;
    text-align: right;
    font-size: 13px !important;
}

/* 컨테이너 */
.container-fluid {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* 카드 높이 자동 */
.card {
    height: auto !important;
}

/* 검색 아이콘 */
.search-icon-input-3 {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-top: -26px !important;
}