/* --- tables.css --- */
/* --- Tables (Horizontal Layout, No Grid Lines) --- */
.table-container {
    overflow-x: auto; /* Keep horizontal scroll for responsiveness */
    width: 100%;
    /* Remove container border/shadow, but keep radius */
    border-radius: var(--border-radius);
    overflow: hidden; /* Needed with radius */
    border: 1px solid var(--border-color); /* Keep container border for outline */
    box-shadow: var(--shadow-sm); /* Keep container shadow */
}

.data-table {
    width: 100%;
    border-collapse: collapse; /* Collapse borders for clean row separators */
    min-width: 600px; /* Keep min-width */
    background-color: var(--surface-color);
    /* Radius applied by container */
    /* border-radius: var(--border-radius); */
    /* Remove table outer border/shadow if container handles it */
    border-style: hidden;
    /* box-shadow: 0 0 0 1px var(--border-color); */
}

/* Restore default display for table elements */
.data-table th,
.data-table td {
    padding: 16px var(--base-padding); /* Restore or adjust padding */
    text-align: left;
    /* Remove individual cell borders except bottom */
    border: none;
    /* Add border ONLY to the bottom of cells for row separation */
    border-bottom: 1px solid var(--border-color);
    font-size: var(--body-font-size);
    vertical-align: middle; /* Restore vertical alignment */
    /* Ensure default display */
    display: table-cell;
    /* Default wrapping behavior - control in responsive.css */
    white-space: normal;
}

.data-table th {
    font-size: var(--small-font-size);
    color: var(--text-secondary-color);
    text-transform: none;
    font-weight: var(--font-weight-medium);
    /* Restore header background */
    background-color: var(--background-color);
    /* white-space: nowrap; */ /* Control wrapping in responsive.css */
    letter-spacing: normal;
    /* border-bottom applied above */
}

/* Restore first/last header cell radius handling (optional, depends on container border) */
/* Handled by container overflow:hidden and border radius mostly */
/* .data-table thead tr:first-child th:first-child { ... } */
/* .data-table thead tr:first-child th:last-child { ... } */


.data-table th .icon {
    margin-left: 5px;
    vertical-align: middle;
}

.data-table td {
    color: var(--text-primary-color);
}

.data-table tbody tr {
     /* No border needed directly on TR if TD has bottom border */
     transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Restore hover effect (optional) */
.data-table tbody tr:hover {
     background-color: var(--background-color); /* Subtle hover effect */
     transform: scale(1.002);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Remove border for the last row's cells */
.data-table tbody tr:last-child td {
    border-bottom: none;
}

/* Restore last row cell radius adjustments (optional) */
/* Handled by container overflow:hidden and border radius mostly */
/* .data-table tbody tr:last-child td:first-child { ... } */
/* .data-table tbody tr:last-child td:last-child { ... } */

/* ============================================
   Exhibition Management - 완전히 새로운 세련된 디자인
   ============================================ */

/* 컨텐츠 섹션 - 미니멀하고 세련된 스타일 */
#exhibitions-content .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 섹션 헤더 - 깔끔하고 모던한 스타일 */
#exhibitions-content .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
}

#exhibitions-content .section-header h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
}

/* 검색 및 컨트롤 영역 - 세련된 스타일 */
#exhibitions-content .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    background: #fafbfc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
    flex-wrap: wrap;
}

#exhibitions-content .table-controls input[type="search"] {
    flex: 1;
    min-width: 280px;
    padding: 12px 20px;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.9rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#exhibitions-content .table-controls input[type="search"]:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
}

#exhibitions-content .table-controls input[type="search"]::placeholder {
    color: #9ca3af;
}

/* 테이블 컨테이너 - 미니멀한 스타일 */
#exhibitions-content .table-container {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible;

    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 테이블 - 깔끔하고 세련된 디자인 */
.exhibition-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface-color);
}

/* 테이블 헤더 - 세련된 스타일 */
.exhibition-table thead {
    background: transparent;
}

.exhibition-table th {
    text-align: center;
    padding: 16px 20px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #f3f4f6;
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 10;

    position: sticky;
    top: 0;
    z-index: 20; 
    background-color: #ffffff;
}

.exhibition-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fafbfc;
    border-bottom: 2px solid #f3f4f6;
}

/* 테이블 데이터 셀 - 깔끔한 스타일 */
.exhibition-table td {
    text-align: center;
    padding: 20px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    border-bottom: 1px solid #f3f4f6;
    background: var(--surface-color);
    transition: background-color 0.15s ease;
}

/* 테이블 행 호버 효과 - 부드럽고 세련된 */
.exhibition-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.exhibition-table tbody tr:hover {
    background: #fafbfc;
    transform: scale(1.002);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.exhibition-table tbody tr:hover td {
    background: #fafbfc;
}

.exhibition-table tbody tr:last-child td {
    border-bottom: none;
}

/* 작업 열 버튼 정렬 */
.exhibition-table td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
}

/* ID 셀 스타일 */
.exhibition-table td:first-child {
    font-weight: 600;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* 제목 셀 스타일 */
.exhibition-table td:nth-child(2) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* 기간 셀 스타일 */
.exhibition-table td:nth-child(3) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 상태 셀 스타일 */
.exhibition-table td:nth-child(4) {
    font-weight: 500;
}

/* 컬렉션 수 셀 스타일 */
.exhibition-table td:nth-child(5) {
    font-weight: 600;
    color: var(--primary-color);
}

/* 프로젝트 추가 버튼 - 세련된 스타일 */
#exhibitions-content .section-header .btn-primary {
    padding: 11px 22px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(109, 152, 134, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}

#exhibitions-content .section-header .btn-primary:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(109, 152, 134, 0.35);
}

#exhibitions-content .section-header .btn-primary:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 2px 6px rgba(109, 152, 134, 0.25);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   Artworks Management - 동일한 세련된 디자인 적용
   ============================================ */

/* 컨텐츠 섹션 */
#artworks-content .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 섹션 헤더 */
#artworks-content .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
}

#artworks-content .section-header h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
}

/* 검색 및 컨트롤 영역 */
#artworks-content .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    background: #fafbfc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
    flex-wrap: wrap;
}

#artworks-content .table-controls input[type="search"] {
    flex: 1;
    min-width: 280px;
    padding: 12px 20px;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#artworks-content .table-controls input[type="search"]:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
}

#artworks-content .table-controls input[type="search"]::placeholder {
    color: #9ca3af;
}

/* 테이블 컨테이너 */
#artworks-content .table-container {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible;

    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 테이블 */
.artworks-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface-color);
}

.artworks-table thead {
    background: transparent;
}

.artworks-table th {
    text-align: center;
    padding: 16px 20px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #f3f4f6;
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 10;

    position: sticky;
    top: 0;
    z-index: 20; 
    background-color: #ffffff;
}

.artworks-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fafbfc;
    border-bottom: 2px solid #f3f4f6;
}

.artworks-table td {
    text-align: center;
    padding: 20px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    border-bottom: 1px solid #f3f4f6;
    background: var(--surface-color);
    transition: background-color 0.15s ease;
}

.artworks-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.artworks-table tbody tr:hover {
    background: #fafbfc;
    transform: scale(1.002);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.artworks-table tbody tr:hover td {
    background: #fafbfc;
}

.artworks-table tbody tr:last-child td {
    border-bottom: none;
}

.artworks-table td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
}

/* ID 셀 스타일 */
.artworks-table td:first-child {
    font-weight: 600;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* 제목 셀 스타일 */
.artworks-table td:nth-child(2) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* 작가 셀 스타일 */
.artworks-table td:nth-child(3) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* AR 종류 셀 스타일 */
.artworks-table td:nth-child(4) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 소속 프로젝트 셀 스타일 */
.artworks-table td:nth-child(5) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* 상태 셀 스타일 */
.artworks-table td:nth-child(6) {
    font-weight: 500;
}

/* 컬렉션 추가 버튼 */
#artworks-content .section-header .btn-primary {
    padding: 11px 22px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(109, 152, 134, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}

#artworks-content .section-header .btn-primary:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(109, 152, 134, 0.35);
}

#artworks-content .section-header .btn-primary:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 2px 6px rgba(109, 152, 134, 0.25);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   User Management - 동일한 세련된 디자인 적용
   ============================================ */

/* 컨텐츠 섹션 */
#user-management-content .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 섹션 헤더 */
#user-management-content .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
}

#user-management-content .section-header h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
}

/* 검색 및 컨트롤 영역 */
#user-management-content .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    background: #fafbfc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
    flex-wrap: wrap;
}

#user-management-content .table-controls input[type="search"] {
    flex: 1;
    min-width: 280px;
    padding: 12px 20px;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#user-management-content .table-controls input[type="search"]:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
}

#user-management-content .table-controls input[type="search"]::placeholder {
    color: #9ca3af;
}

/* 테이블 컨테이너 */
#user-management-content .table-container {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible;

    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 테이블 */
.user-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface-color);
}

.user-table thead {
    background: transparent;
}

.user-table th {
    text-align: center;
    padding: 16px 20px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #f3f4f6;
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 10;

    position: sticky;
    top: 0;
    z-index: 20; 
    background-color: #ffffff;
}

.user-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fafbfc;
    border-bottom: 2px solid #f3f4f6;
}

.user-table td {
    text-align: center;
    padding: 20px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    border-bottom: 1px solid #f3f4f6;
    background: var(--surface-color);
    transition: background-color 0.15s ease;
}

.user-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.user-table tbody tr:hover {
    background: #fafbfc;
    transform: scale(1.002);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.user-table tbody tr:hover td {
    background: #fafbfc;
}

.user-table tbody tr:last-child td {
    border-bottom: none;
}

.user-table td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
}

/* ID 셀 스타일 */
.user-table td:first-child {
    font-weight: 600;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* 이름 셀 스타일 */
.user-table td:nth-child(2) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* 역할 셀 스타일 */
.user-table td:nth-child(3) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 상태 셀 스타일 */
.user-table td:nth-child(4) {
    font-weight: 500;
}

/* 등록일 셀 스타일 */
.user-table td:nth-child(5) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 사용자 추가 버튼 */
#user-management-content .section-header .btn-primary {
    padding: 11px 22px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(109, 152, 134, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}

#user-management-content .section-header .btn-primary:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(109, 152, 134, 0.35);
}

#user-management-content .section-header .btn-primary:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 2px 6px rgba(109, 152, 134, 0.25);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   Client Management - 동일한 세련된 디자인 적용
   ============================================ */

/* 컨텐츠 섹션 */
#client-management-content .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 섹션 헤더 */
#client-management-content .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
}

#client-management-content .section-header h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
}

/* 검색 및 컨트롤 영역 */
#client-management-content .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    background: #fafbfc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
    flex-wrap: wrap;
}

#client-management-content .table-controls input[type="search"] {
    flex: 1;
    min-width: 280px;
    padding: 12px 20px;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#client-management-content .table-controls input[type="search"]:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
}

#client-management-content .table-controls input[type="search"]::placeholder {
    color: #9ca3af;
}

/* 테이블 컨테이너 */
#client-management-content .table-container {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible;

    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 테이블 */
.client-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface-color);
}

.client-table thead {
    background: transparent;
}

.client-table th {
    text-align: center;
    padding: 16px 20px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #f3f4f6;
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 10;

    position: sticky;
    top: 0;
    z-index: 20; 
    background-color: #ffffff;
}

.client-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fafbfc;
    border-bottom: 2px solid #f3f4f6;
}

.client-table td {
    text-align: center;
    padding: 20px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    border-bottom: 1px solid #f3f4f6;
    background: var(--surface-color);
    transition: background-color 0.15s ease;
}

.client-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.client-table tbody tr:hover {
    background: #fafbfc;
    transform: scale(1.002);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.client-table tbody tr:hover td {
    background: #fafbfc;
}

.client-table tbody tr:last-child td {
    border-bottom: none;
}

/* 작업 열 버튼 정렬 */
.client-table td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
}

/* ID 셀 스타일 */
.client-table td:first-child {
    font-weight: 600;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* 단체명 셀 스타일 */
.client-table td:nth-child(2) {
    font-weight: 500;
    color: var(--text-primary-color);
}

/* 유형 셀 스타일 */
.client-table td:nth-child(3) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 담당자 셀 스타일 */
.client-table td:nth-child(4) {
    font-weight: 500;
}

/* 이메일 셀 스타일 */
.client-table td:nth-child(5) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 상태 셀 스타일 */
.client-table td:nth-child(6) {
    font-weight: 500;
}

/* 등록일 셀 스타일 */
.client-table td:nth-child(7) {
    font-weight: 400;
    color: #6b7280;
    font-size: 0.9rem;
}

/* 단체 추가 버튼 */
#client-management-content .section-header .btn-primary {
    padding: 11px 22px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(109, 152, 134, 0.2);
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}

#client-management-content .section-header .btn-primary:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(109, 152, 134, 0.35);
}

#client-management-content .section-header .btn-primary:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 2px 6px rgba(109, 152, 134, 0.25);
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   Logs Management - 동일한 세련된 디자인 적용
   ============================================ */

/* 컨텐츠 섹션 */
#logs-content .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 섹션 헤더 */
#logs-content .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin: 0;
}

#logs-content .section-header h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
}

/* 검색 및 컨트롤 영역 */
#logs-content .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    background: #fafbfc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
    flex-wrap: wrap;
}

#logs-content .table-controls input[type="search"],
#logs-content .table-controls select {
    flex: 1;
    min-width: 200px;
    padding: 12px 20px;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    background: #ffffff;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#logs-content .table-controls input[type="search"]:focus,
#logs-content .table-controls select:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
}

#logs-content .table-controls input[type="search"]::placeholder {
    color: #9ca3af;
}

/* 테이블 컨테이너 */
#logs-content .table-container {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible;

    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 테이블 */
#logs-content .data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface-color);
}

#logs-content .data-table thead {
    background: transparent;
}

#logs-content .data-table th {
    text-align: center;
    padding: 16px 20px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #f3f4f6;
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 10;

    position: sticky;
    top: 0;
    z-index: 20; 
    background-color: #ffffff;
}

.logs-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fafbfc;
    border-bottom: 2px solid #f3f4f6;
}

#logs-content .data-table td {
    text-align: center;
    padding: 20px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    border-bottom: 1px solid #f3f4f6;
    background: var(--surface-color);
    transition: background-color 0.15s ease;
}

#logs-content .data-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#logs-content .data-table tbody tr:hover {
    background: #fafbfc;
    transform: scale(1.002);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

#logs-content .data-table tbody tr:hover td {
    background: #fafbfc;
}

#logs-content .data-table tbody tr:last-child td {
    border-bottom: none;
}

/* ============================================
   Form Pages - 고급스러운 폼 디자인
   ============================================ */

/* 폼 섹션 - 프로젝트/컬렉션/사용자/단체 추가 페이지 */
#exhibitions-content #add-edit-exhibition-view .content-section,
#artworks-content #add-edit-artwork-view .content-section,
#user-management-content #add-edit-user-view .content-section,
#client-management-content #add-edit-client-view .content-section {
    background: var(--surface-color);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* 폼 헤더 - 세련된 스타일 */
#exhibitions-content #add-edit-exhibition-view .content-section h2,
#artworks-content #add-edit-artwork-view .content-section h2,
#user-management-content #add-edit-user-view .content-section h2,
#client-management-content #add-edit-client-view .content-section h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary-color);
    margin: 0;
    letter-spacing: -0.5px;
    padding: 28px 32px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* 폼 컨테이너 */
#exhibitions-content #add-edit-exhibition-view form,
#artworks-content #add-edit-artwork-view form,
#user-management-content #add-edit-user-view form,
#client-management-content #add-edit-client-view form {
    padding: 32px;
    background: var(--surface-color);
}

/* 폼 그룹 - 고급스러운 스타일 */
#exhibitions-content #add-edit-exhibition-view .form-group,
#artworks-content #add-edit-artwork-view .form-group,
#user-management-content #add-edit-user-view .form-group,
#client-management-content #add-edit-client-view .form-group {
    margin-bottom: 24px;
}

#exhibitions-content #add-edit-exhibition-view .form-group label,
#artworks-content #add-edit-artwork-view .form-group label,
#user-management-content #add-edit-user-view .form-group label,
#client-management-content #add-edit-client-view .form-group label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary-color);
    letter-spacing: 0.2px;
}

#exhibitions-content #add-edit-exhibition-view .form-group label span,
#artworks-content #add-edit-artwork-view .form-group label span,
#user-management-content #add-edit-user-view .form-group label span,
#client-management-content #add-edit-client-view .form-group label span {
    color: #ef4444;
    margin-left: 2px;
}

/* 입력 필드 - 고급스러운 스타일 */
#exhibitions-content #add-edit-exhibition-view .form-control,
#artworks-content #add-edit-artwork-view .form-control,
#user-management-content #add-edit-user-view .form-control,
#client-management-content #add-edit-client-view .form-control {
    width: 100%;
    padding: 14px 18px;
    background: #ffffff;
    border: 1.5px solid #e1e5e9;
    border-radius: 12px;
    font-size: 0.95rem;
    color: var(--text-primary-color);
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

#exhibitions-content #add-edit-exhibition-view .form-control:focus,
#artworks-content #add-edit-artwork-view .form-control:focus,
#user-management-content #add-edit-user-view .form-control:focus,
#client-management-content #add-edit-client-view .form-control:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(109, 152, 134, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
}

#exhibitions-content #add-edit-exhibition-view .form-control::placeholder,
#artworks-content #add-edit-artwork-view .form-control::placeholder,
#user-management-content #add-edit-user-view .form-control::placeholder,
#client-management-content #add-edit-client-view .form-control::placeholder {
    color: #9ca3af;
}

/* 텍스트 영역 */
#exhibitions-content #add-edit-exhibition-view textarea.form-control,
#artworks-content #add-edit-artwork-view textarea.form-control,
#user-management-content #add-edit-user-view textarea.form-control,
#client-management-content #add-edit-client-view textarea.form-control {
    min-height: 120px;
    resize: vertical;
    font-family: var(--font-family-base);
    line-height: 1.6;
}

/* 셀렉트 박스 */
#exhibitions-content #add-edit-exhibition-view select.form-control,
#artworks-content #add-edit-artwork-view select.form-control,
#user-management-content #add-edit-user-view select.form-control,
#client-management-content #add-edit-client-view select.form-control {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M8 11.293l-4.646-4.647a.5.5 0 0 1 .708-.708L8 9.879l4.938-4.938a.5.5 0 0 1 .707.707L8 11.293z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 16px 16px;
    padding-right: 45px;
}

/* 폼 행 (2열 레이아웃) */
#exhibitions-content #add-edit-exhibition-view .form-row,
#artworks-content #add-edit-artwork-view .form-row,
#user-management-content #add-edit-user-view .form-row,
#client-management-content #add-edit-client-view .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

#exhibitions-content #add-edit-exhibition-view .form-row .form-group,
#artworks-content #add-edit-artwork-view .form-row .form-group,
#user-management-content #add-edit-user-view .form-row .form-group,
#client-management-content #add-edit-client-view .form-row .form-group {
    flex: 1;
    margin-bottom: 0;
}

/* 인라인 스타일로 된 float 레이아웃 처리 - 고급스러운 flex 레이아웃으로 변환 */
#exhibitions-content #add-edit-exhibition-view .form-group > div[style*="float"] {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 24px;
}

#exhibitions-content #add-edit-exhibition-view .form-group > div[style*="float"]:last-child {
    margin-bottom: 0;
}

/* 의뢰인 선택 영역을 flex로 재구성 */
#exhibitions-content #add-edit-exhibition-view .form-group:has(div[style*="float"]) {
    display: flex;
    flex-direction: column;
    gap: 0;
}

@media (min-width: 768px) {
    #exhibitions-content #add-edit-exhibition-view .form-group:has(div[style*="float"]) {
        flex-direction: row;
        gap: 20px;
    }
    
    #exhibitions-content #add-edit-exhibition-view .form-group > div[style*="float"] {
        flex: 1;
        margin-bottom: 0;
    }
}

/* 폼 액션 버튼 영역 - 세련된 스타일 */
#exhibitions-content #add-edit-exhibition-view .form-actions,
#artworks-content #add-edit-artwork-view .form-actions,
#user-management-content #add-edit-user-view .form-actions,
#client-management-content #add-edit-client-view .form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* 폼 버튼 스타일 */
#exhibitions-content #add-edit-exhibition-view .form-actions .btn,
#artworks-content #add-edit-artwork-view .form-actions .btn,
#user-management-content #add-edit-user-view .form-actions .btn,
#client-management-content #add-edit-client-view .form-actions .btn {
    padding: 12px 28px;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 10px;
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}

#exhibitions-content #add-edit-exhibition-view .form-actions .btn-primary,
#artworks-content #add-edit-artwork-view .form-actions .btn-primary,
#user-management-content #add-edit-user-view .form-actions .btn-primary,
#client-management-content #add-edit-client-view .form-actions .btn-primary {
    box-shadow: 0 2px 8px rgba(109, 152, 134, 0.2);
}

#exhibitions-content #add-edit-exhibition-view .form-actions .btn-primary:hover,
#artworks-content #add-edit-artwork-view .form-actions .btn-primary:hover,
#user-management-content #add-edit-user-view .form-actions .btn-primary:hover,
#client-management-content #add-edit-client-view .form-actions .btn-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 16px rgba(109, 152, 134, 0.35);
}

#exhibitions-content #add-edit-exhibition-view .form-actions .btn-secondary,
#artworks-content #add-edit-artwork-view .form-actions .btn-secondary,
#user-management-content #add-edit-user-view .form-actions .btn-secondary,
#client-management-content #add-edit-client-view .form-actions .btn-secondary {
    border: 1.5px solid #e1e5e9;
    background: #ffffff;
    color: var(--text-primary-color);
}

#exhibitions-content #add-edit-exhibition-view .form-actions .btn-secondary:hover,
#artworks-content #add-edit-artwork-view .form-actions .btn-secondary:hover,
#user-management-content #add-edit-user-view .form-actions .btn-secondary:hover,
#client-management-content #add-edit-client-view .form-actions .btn-secondary:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background: rgba(109, 152, 134, 0.05);
    transform: translateY(-1px);
}

/* 작은 텍스트 (도움말) */
#exhibitions-content #add-edit-exhibition-view .form-group small,
#artworks-content #add-edit-artwork-view .form-group small,
#user-management-content #add-edit-user-view .form-group small,
#client-management-content #add-edit-client-view .form-group small {
    display: block;
    margin-top: 8px;
    font-size: 0.85rem;
    color: #6b7280;
    line-height: 1.5;
}

/* 파일 입력 필드 */
#artworks-content #add-edit-artwork-view input[type="file"].form-control {
    padding: 12px 18px;
    cursor: pointer;
}

#artworks-content #add-edit-artwork-view input[type="file"].form-control::file-selector-button {
    padding: 8px 16px;
    margin-right: 12px;
    border: none;
    border-radius: 8px;
    background: var(--primary-color);
    color: white;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

#artworks-content #add-edit-artwork-view input[type="file"].form-control::file-selector-button:hover {
    background: var(--primary-dark);
}


.table-actions {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    /* Restore min-height to ensure consistent row height if needed */
    min-height: 48px;
}

/* Styles for numeric, percentage, highlight, recommendation remain */
.data-table td.number,
.data-table td.percentage {
    text-align: right;
    font-family: inherit;
    color: var(--text-secondary-color);
}
.data-table th.number,
.data-table th.percentage {
    text-align: right;
}
.highlight-positive { color: var(--success-color); font-weight: var(--font-weight-medium); }
.highlight-negative { color: var(--warning-color); font-weight: var(--font-weight-medium); }
.highlight-danger { color: var(--danger-color); font-weight: var(--font-weight-medium); }
.recommendation-cell {
    font-style: normal; color: var(--text-secondary-color); font-size: var(--small-font-size);
    display: flex; align-items: center; gap: 5px; min-height: 48px; /* Keep min-height restored */
}
.recommendation-cell .icon { color: var(--info-color); margin-right: 0; flex-shrink: 0; }


/* Table Controls - 기본 스타일 (다른 페이지용) */
.table-controls {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    padding: var(--base-padding); 
    flex-wrap: wrap; 
    gap: var(--base-padding);
    background-color: var(--surface-color); 
    border-bottom: 1px solid var(--border-color);
}

.table-controls input[type="search"], 
.table-controls input[type="date"], 
.table-controls select {
    padding: 10px 14px; 
    border: 1px solid var(--input-border-color); 
    border-radius: var(--border-radius);
    background-color: var(--surface-color); 
    color: var(--text-primary-color); 
    font-size: var(--small-font-size);
    min-width: 150px;
}

.table-controls input[type="search"]:focus, 
.table-controls input[type="date"]:focus, 
.table-controls select:focus {
    outline: none; 
    border-color: var(--primary-color); 
    box-shadow: 0 0 0 3px rgba(109, 152, 134, 0.15);
}

.table-controls .pagination-placeholder { 
    font-size: var(--small-font-size); 
    color: var(--text-secondary-color); 
}

.table-controls label { 
    font-size: var(--small-font-size); 
    margin-right: 8px; 
    color: var(--text-secondary-color); 
}


/* Artwork Specific Table Styles (Restore original styles) */
.artwork-thumbnail {
    width: 45px; height: 45px; background-color: var(--background-color); border-radius: 6px;
    display: flex; align-items: center; justify-content: center; font-size: 1.6em;
    color: var(--text-disabled-color); flex-shrink: 0; overflow: hidden; border: 1px solid var(--border-color);
}
/* Restore original :has selectors if browser support is sufficient, otherwise use JS/manual classes */
/* Note: CSS :has is becoming more widely supported */
.data-table td:has(.artwork-thumbnail) { padding-right: var(--base-padding); }
.data-table td:has(.artwork-title-cell) { padding-left: 0; }

.artwork-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.artwork-title-cell { display: block; } /* Keep block for title/small stacking */
.artwork-title-text { display: block; font-weight: var(--font-weight-medium); line-height: 1.4; margin-bottom: 2px; color: var(--text-primary-color); }
.artwork-title-cell small { font-size: var(--small-font-size); color: var(--text-secondary-color); display: block; }
.artwork-effect-cell {
    display: flex; align-items: center; font-size: var(--small-font-size); color: var(--text-secondary-color);
    white-space: nowrap; gap: 8px; /* Restore nowrap for effect cell */
}
.artwork-effect-cell .icon { font-size: 1.1em; margin-right: 0; color: var(--text-secondary-color); opacity: 0.7; }
.status-badge {
    display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px;
    border-radius: 12px; font-size: var(--small-font-size); white-space: nowrap;
}

/* ============================================
   인사이트 색톤 - 프로젝트/고객사/컬렉션/매니저 관리 페이지
   (#5A6B6B: 제목·주요텍스트, #8B9A9A: 부가문구·라벨)
   ============================================ */

/* 페이지 타이틀 */
main:has(#exhibitions-content) .content-header h1,
main:has(#client-management-content) .content-header h1,
main:has(#artworks-content) .content-header h1,
main:has(#user-management-content) .content-header h1 {
    color: #5A6B6B !important;
}

/* 관리자 표시 */
main:has(#exhibitions-content) .admin-indicator,
main:has(#client-management-content) .admin-indicator,
main:has(#artworks-content) .admin-indicator,
main:has(#user-management-content) .admin-indicator {
    color: #8B9A9A !important;
}

/* 섹션 헤더 */
#exhibitions-content .section-header h2,
#client-management-content .section-header h2,
#artworks-content .section-header h2,
#user-management-content .section-header h2 {
    color: #5A6B6B !important;
}

#exhibitions-content .section-header h2 span,
#artworks-content .section-header h2 span {
    color: #5A6B6B !important;
}

/* 검색·컨트롤 영역 */
#exhibitions-content .table-controls input[type="search"],
#client-management-content .table-controls input[type="search"],
#artworks-content .table-controls input[type="search"],
#user-management-content .table-controls input[type="search"] {
    color: #5A6B6B !important;
}

#exhibitions-content .table-controls input[type="search"]::placeholder,
#client-management-content .table-controls input[type="search"]::placeholder,
#artworks-content .table-controls input[type="search"]::placeholder,
#user-management-content .table-controls input[type="search"]::placeholder {
    color: #8B9A9A !important;
}

#exhibitions-content .table-controls .pagination-placeholder,
#client-management-content .table-controls .pagination-placeholder,
#artworks-content .table-controls .pagination-placeholder,
#user-management-content .table-controls .pagination-placeholder,
#exhibitions-content .table-controls label,
#client-management-content .table-controls label,
#artworks-content .table-controls label,
#user-management-content .table-controls label {
    color: #8B9A9A !important;
}

#exhibitions-content .table-controls select,
#client-management-content .table-controls select,
#artworks-content .table-controls select,
#user-management-content .table-controls select {
    color: #5A6B6B !important;
}

/* data-table 공통 (4개 페이지) */
#exhibitions-content .data-table th,
#client-management-content .data-table th,
#artworks-content .data-table th,
#user-management-content .data-table th {
    color: #8B9A9A !important;
}

#exhibitions-content .data-table td,
#client-management-content .data-table td,
#artworks-content .data-table td,
#user-management-content .data-table td {
    color: #5A6B6B !important;
}

/* exhibition-table 셀별 */
#exhibitions-content .exhibition-table td:first-child,
#exhibitions-content .exhibition-table td:nth-child(3) {
    color: #8B9A9A !important;
}

#exhibitions-content .exhibition-table td:nth-child(2),
#exhibitions-content .exhibition-table td:nth-child(4) {
    color: #5A6B6B !important;
}

#exhibitions-content .exhibition-table td:nth-child(5) {
    color: #5A6B6B !important;
}

/* client-table 셀별 */
#client-management-content .client-table td:first-child,
#client-management-content .client-table td:nth-child(3),
#client-management-content .client-table td:nth-child(5),
#client-management-content .client-table td:nth-child(7) {
    color: #8B9A9A !important;
}

#client-management-content .client-table td:nth-child(2),
#client-management-content .client-table td:nth-child(4),
#client-management-content .client-table td:nth-child(6) {
    color: #5A6B6B !important;
}

/* artworks-table */
#artworks-content .artworks-table td {
    color: #5A6B6B !important;
}

#artworks-content .artworks-table td:first-child,
#artworks-content .artworks-table td:nth-child(4) {
    color: #8B9A9A !important;
}

#artworks-content .artwork-title-text,
#artworks-content .artwork-title-cell .artwork-title-text {
    color: #5A6B6B !important;
    font-weight: 500 !important;
}

#artworks-content .artwork-title-cell small,
#artworks-content .artwork-effect-cell {
    color: #8B9A9A !important;
}

/* user-table */
#user-management-content .user-table td {
    color: #5A6B6B !important;
}

#user-management-content .user-table td:first-child,
#user-management-content .user-table td:nth-child(3),
#user-management-content .user-table td:nth-child(5) {
    color: #8B9A9A !important;
}

/* 폼 페이지 - 추가/편집 뷰 */
#exhibitions-content #add-edit-exhibition-view .content-section h2,
#artworks-content #add-edit-artwork-view .content-section h2,
#user-management-content #add-edit-user-view .content-section h2,
#client-management-content #add-edit-client-view .content-section h2 {
    color: #5A6B6B !important;
}

#exhibitions-content #add-edit-exhibition-view .form-group label,
#artworks-content #add-edit-artwork-view .form-group label,
#user-management-content #add-edit-user-view .form-group label,
#client-management-content #add-edit-client-view .form-group label {
    color: #5A6B6B !important;
}

#exhibitions-content #add-edit-exhibition-view .form-control,
#artworks-content #add-edit-artwork-view .form-control,
#user-management-content #add-edit-user-view .form-control,
#client-management-content #add-edit-client-view .form-control {
    color: #5A6B6B !important;
}

#exhibitions-content #add-edit-exhibition-view .form-control::placeholder,
#artworks-content #add-edit-artwork-view .form-control::placeholder,
#user-management-content #add-edit-user-view .form-control::placeholder,
#client-management-content #add-edit-client-view .form-control::placeholder {
    color: #8B9A9A !important;
}

/* 폼 내 이미지 미리보기 등 부가 텍스트 */
#artworks-content #artwork-image-display,
#artworks-content #marker-image-display {
    color: #8B9A9A !important;
}

/* 4개 관리 페이지 - 삭제/확인 모달 */
body:has(#exhibitions-content) .modal-overlay .modal-title,
body:has(#client-management-content) .modal-overlay .modal-title,
body:has(#artworks-content) .modal-overlay .modal-title,
body:has(#user-management-content) .modal-overlay .modal-title {
    color: #5A6B6B !important;
}

body:has(#exhibitions-content) .modal-overlay .modal-body,
body:has(#client-management-content) .modal-overlay .modal-body,
body:has(#artworks-content) .modal-overlay .modal-body,
body:has(#user-management-content) .modal-overlay .modal-body {
    color: #8B9A9A !important;
}

/* 커스텀 드롭다운 (4개 관리 페이지 폼 내) */
#exhibitions-content .custom-dropdown-text,
#client-management-content .custom-dropdown-text,
#artworks-content .custom-dropdown-text,
#user-management-content .custom-dropdown-text {
    color: #5A6B6B !important;
}

#exhibitions-content .custom-dropdown-text.placeholder,
#client-management-content .custom-dropdown-text.placeholder,
#artworks-content .custom-dropdown-text.placeholder,
#user-management-content .custom-dropdown-text.placeholder {
    color: #8B9A9A !important;
}

#exhibitions-content .custom-dropdown-option,
#client-management-content .custom-dropdown-option,
#artworks-content .custom-dropdown-option,
#user-management-content .custom-dropdown-option {
    color: #5A6B6B !important;
}