/* 다크 테마 기본 스타일 */
.dark-theme {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

.dark-theme .layout-page {
    background-color: #1e1e1e;
}

.dark-theme .content-wrapper {
    background-color: #1e1e1e;
}

.dark-theme .card {
    background-color: #252526;
    border-color: #3c3c3c;
}

/* 다크 테마 테이블 스타일 */
.dark-theme .table {
    color: #e0e0e0;
    background-color: #252526;
    border: none !important;
    border-collapse: collapse !important;
    line-height: 1.5;
}

.dark-theme .table-responsive {
    background-color: #252526;
    border: none !important;
}

/* 다크 테마 메뉴 스타일 */
.dark-theme .menu {
    background-color: #252526 !important;
}

.dark-theme .menu-inner-shadow {
    background: linear-gradient(#252526 41%, rgba(37, 37, 38, 0.11) 95%, rgba(37, 37, 38, 0));
}

.dark-theme .menu-link {
    color: #e0e0e0 !important;
}

.dark-theme .menu-header {
    color: #e0e0e0 !important;
}

/* 다크 테마 폼 요소 스타일 */
.dark-theme .form-control,
.dark-theme .form-select {
    background-color: #3c3c3c;
    border-color: #3c3c3c !important;
    color: #e0e0e0;
}

.dark-theme .form-control::placeholder {
    color: #a0a0a0;
}

.dark-theme .form-control:focus,
.dark-theme .form-select:focus {
    border-color: #3c3c3c !important;
    box-shadow: none;
}

/* 다크 테마 네비게이션 스타일 */
.dark-theme .nav-tabs {
    border-color: #3c3c3c !important;
    background-color: #252526 !important;
}

.dark-theme .nav-link {
    color: #e0e0e0;
}

.dark-theme .nav-link.active {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: #e0e0e0;
}

.dark-theme .text-muted {
    color: #a0a0a0 !important;
}

/* 다크 테마 탭 스타일 */
.dark-theme .nav-tabs .nav-item.show .nav-link,
.dark-theme .nav-tabs .nav-link.active {
    color: #e0e0e0 !important;
    background-color: #3c3c3c !important;
    border-color: #3c3c3c !important;
}

.dark-theme .nav-tabs .nav-link {
    background-color: #252526 !important;
    border-color: transparent !important;
}

.dark-theme .nav-tabs .nav-link:not(.active) {
    color: #a0a0a0 !important;
}

.dark-theme .nav-tabs .nav-link:hover {
    border-color: #3c3c3c !important;
    background-color: #2d2d2d !important;
}

/* 다크 테마 Footer 스타일 */
.dark-theme footer.content-footer,
.dark-theme footer.footer,
.dark-theme .layout-wrapper .content-footer {
    background-color: #252526 !important;
    color: #e0e0e0 !important;
    border-top: 1px solid #2d2d2d !important;
}

.dark-theme footer.content-footer *,
.dark-theme footer.footer *,
.dark-theme .layout-wrapper .content-footer * {
    color: #e0e0e0 !important;
}

.dark-theme footer.content-footer a,
.dark-theme footer.footer a,
.dark-theme .layout-wrapper .content-footer a {
    color: #e0e0e0 !important;
}

.dark-theme footer.content-footer a:hover,
.dark-theme footer.footer a:hover,
.dark-theme .layout-wrapper .content-footer a:hover {
    color: #ffffff !important;
}

.dark-theme .footer.bg-light {
    background-color: #252526 !important;
}

/* 다크 테마 레이아웃 컨테이너 스타일 */
.dark-theme .container-xxl {
    background-color: #1e1e1e;
}

.dark-theme .layout-container {
    background-color: #1e1e1e;
}

/* 다크 테마 탭 컨테이너 스타일 */
.dark-theme .nav-align-top {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
}

.dark-theme .tab-content {
    background-color: #252526 !important;
}

/* 다크 테마 테이블 상세 스타일 */
.dark-theme .table thead {
    background-color: #323233;
}

.dark-theme .table th {
    color: #ffffff;
    border: none !important;
    padding: 0.325rem !important;
    font-weight: 600;
    border-bottom: none !important;
    height: 42px !important;
    vertical-align: middle;
}

.dark-theme .table td {
    border: none !important;
    padding: 0.325rem !important;
    border-top: none !important;
    border-bottom: none !important;
    height: 42px !important;
    vertical-align: middle;
}

.dark-theme .table tbody tr:hover {
    background-color: #2d2d2d;
    color: #ffffff;
}

.dark-theme .table tbody tr:nth-child(odd) {
    background-color: #252526;
}

.dark-theme .table tbody tr:nth-child(even) {
    background-color: #2a2a2b;
}

.dark-theme .table * {
    border: none !important;
}

.dark-theme .table::before,
.dark-theme .table::after {
    display: none !important;
}

.dark-theme .table-bordered {
    border: none !important;
}

.dark-theme .table-bordered th,
.dark-theme .table-bordered td {
    border: none !important;
}

/* 다크 테마 버튼 스타일 */
.dark-theme .btn-outline-primary {
    color: #e0e0e0;
    border-color: #3c3c3c;
    background-color: #252526;
}

.dark-theme .btn-outline-primary:hover {
    background-color: #2d2d2d;
    border-color: #3c3c3c;
    color: #ffffff;
}

.dark-theme .btn-outline-primary:active {
    background-color: #3c3c3c;
}

/* 다크 테마 버튼 그룹 스타일 */
.dark-theme .btn-group {
    background-color: transparent !important;
}

.dark-theme .btn-group > .btn {
    background-color: #252526 !important;
    border-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

.dark-theme .btn-group > .btn:hover {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

.dark-theme .btn-group > .btn.active {
    background-color: #3c3c3c !important;
    color: #ffffff !important;
}

/* 다크 테마 페이지네이션 */
.dark-theme .pagination .page-link {
    background-color: #252526;
    border-color: #3c3c3c;
    color: #e0e0e0;
}

.dark-theme .pagination .page-item.active .page-link {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: #ffffff;
}

.dark-theme .pagination .page-link:hover {
    background-color: #2d2d2d;
    border-color: #3c3c3c;
    color: #ffffff;
}

/* 다크 테마 스크롤바 스타일 */
.dark-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: #3c3c3c;
    border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #3c3c3c;
}

.dark-theme * {
    scrollbar-width: thin;
    scrollbar-color: #3c3c3c #1e1e1e;
}

/* 다크 테마 메뉴 아이템 스타일 */
.dark-theme .menu-inner .menu-item .menu-link {
    color: #e0e0e0 !important;
}

.dark-theme .menu-inner .menu-item .menu-link:hover {
    color: #ffffff !important;
}

/* 다크 테마 햄버거 메뉴 스타일 */
.dark-theme .menu-toggle {
    color: #e0e0e0 !important;
}

.dark-theme .bx-menu {
    color: #e0e0e0 !important;
}

.dark-theme .navbar-toggler-icon {
    filter: invert(1);
}

.dark-theme .layout-menu-toggle {
    color: #e0e0e0 !important;
}

.dark-theme .layout-menu-toggle i {
    color: #e0e0e0 !important;
}

/* 다크 테마 경계선 스타일 */
.dark-theme .layout-menu {
    border-right: 1px solid #2d2d2d !important;
}

.dark-theme .layout-navbar {
    border-bottom: 1px solid #2d2d2d !important;
}

.dark-theme .layout-menu-horizontal {
    border-bottom: 1px solid #2d2d2d !important;
}

.dark-theme .menu-vertical {
    border-right: 1px solid #2d2d2d !important;
}

/* 라이트 테마 테이블 스타일 */
.table {
    color: #566a7f;
    background-color: #ffffff;
    border: none !important;
    border-collapse: collapse !important;
    line-height: 1.5;
}

.table-responsive {
    background-color: #ffffff;
    border: none !important;
}

.table thead {
    background-color: #f5f5f9;
}

.table th {
    color: #566a7f;
    border: none !important;
    padding: 0.325rem !important;
    font-weight: 600;
    border-bottom: none !important;
    height: 42px !important;
    vertical-align: middle;
}

.table td {
    border: none !important;
    padding: 0.325rem !important;
    border-top: none !important;
    border-bottom: none !important;
    height: 42px !important;
    vertical-align: middle;
}

.table tbody tr:hover {
    background-color: #f5f5f9;
}

.table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.table * {
    border: none !important;
}

.table::before,
.table::after {
    display: none !important;
}

.table-bordered {
    border: none !important;
}

.table-bordered th,
.table-bordered td {
    border: none !important;
}

/* 라이트 테마 폼 요소 스타일 */
.form-control,
.form-select {
    border: 1px solid #d9dee3 !important;
    background-color: #fff;
    color: #697a8d;
}

.form-control:focus,
.form-select:focus {
    border-color: #696cff !important;
    box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1);
}