/*
 * 客戶端（client / client_auditor）專用深色主題
 */

body.client-dark-theme {
    background-color: #10131c;
    color: #d7dbe4;
}

/* ---------- 版面主結構 ---------- */
body.client-dark-theme .content {
    background-color: #10131c;
}

body.client-dark-theme footer,
body.client-dark-theme footer p {
    color: #8b93a7;
}
/* ---------- 卡片 / 表面容器 ---------- */
body.client-dark-theme .card,
body.client-dark-theme .bg-white,
body.client-dark-theme .signin-inner {
    background-color: #1a1f2e !important;
    color: #d7dbe4;
}

body.client-dark-theme .bg-soft {
    background-color: #161b28 !important;
}

body.client-dark-theme .border,
body.client-dark-theme .border-light,
body.client-dark-theme .card,
body.client-dark-theme hr,
body.client-dark-theme .dropdown-divider {
    border-color: #2a3040 !important;
}

body.client-dark-theme .shadow-soft {
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.55) !important;
}

/* ---------- 文字顏色 ---------- */
body.client-dark-theme .text-dark,
body.client-dark-theme .text-black,
body.client-dark-theme h1,
body.client-dark-theme h2,
body.client-dark-theme h3,
body.client-dark-theme h4,
body.client-dark-theme h5,
body.client-dark-theme h6,
body.client-dark-theme label {
    color: #e7e9ee !important;
}

body.client-dark-theme .text-muted,
body.client-dark-theme .text-secondary {
    color: #97a0b5 !important;
}

body.client-dark-theme a,
body.client-dark-theme .text-primary {
    color: #6ea8fe !important;
}

body.client-dark-theme a:hover {
    color: #9cc3ff !important;
}

/* ---------- 表單元件 ---------- */
body.client-dark-theme .form-control,
body.client-dark-theme .custom-select,
body.client-dark-theme select,
body.client-dark-theme textarea {
    background-color: #12161f !important;
    border-color: #2a3040 !important;
    color: #e7e9ee !important;
}

body.client-dark-theme .form-control:focus {
    background-color: #12161f !important;
    color: #e7e9ee !important;
    border-color: #6ea8fe !important;
    box-shadow: 0 0 0 0.2rem rgba(110, 168, 254, 0.25) !important;
}

body.client-dark-theme .form-control::placeholder {
    color: #6b7383 !important;
}

body.client-dark-theme .form-control:disabled,
body.client-dark-theme .form-control[readonly] {
    background-color: #1a1f2e !important;
    color: #97a0b5 !important;
}

body.client-dark-theme .input-group-text {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
    color: #97a0b5 !important;
}

body.client-dark-theme .form-check-input {
    background-color: #12161f;
    border-color: #2a3040;
}

/* ---------- 按鈕（僅調整 primary/secondary 底色以維持在深色底上的對比，其餘語意色維持不變） ---------- */
body.client-dark-theme .btn-primary {
    background-color: #3d5af1 !important;
    border-color: #3d5af1 !important;
    color: #ffffff !important;
}

body.client-dark-theme .btn-primary:hover,
body.client-dark-theme .btn-primary:focus {
    background-color: #2f46c9 !important;
    border-color: #2f46c9 !important;
}

body.client-dark-theme .btn-secondary {
    background-color: #2a3040 !important;
    border-color: #2a3040 !important;
    color: #e7e9ee !important;
}

body.client-dark-theme .btn-light {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
    color: #e7e9ee !important;
}

/* ---------- 表格 ---------- */
body.client-dark-theme table {
    color: #d7dbe4;
}

body.client-dark-theme .table thead th {
    background-color: #161b28;
    color: #e7e9ee;
    border-color: #2a3040 !important;
}

body.client-dark-theme .table td,
body.client-dark-theme .table th {
    border-color: #2a3040 !important;
}

body.client-dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03);
}

body.client-dark-theme .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* ---------- 分頁 ---------- */
body.client-dark-theme .page-link {
    background-color: #1a1f2e;
    border-color: #2a3040;
    color: #d7dbe4;
}

body.client-dark-theme .page-item.active .page-link {
    background-color: #3d5af1;
    border-color: #3d5af1;
    color: #ffffff;
}

body.client-dark-theme .page-item.disabled .page-link {
    background-color: #14181f;
    border-color: #2a3040;
    color: #565d70;
}

/* ---------- Modal ---------- */
body.client-dark-theme .modal-content {
    background-color: #1a1f2e;
    color: #d7dbe4;
    border-color: #2a3040;
}

body.client-dark-theme .modal-header,
body.client-dark-theme .modal-footer {
    border-color: #2a3040 !important;
}

/* ---------- Dropdown ---------- */
body.client-dark-theme .dropdown-menu {
    background-color: #1a1f2e;
    border-color: #2a3040;
}

body.client-dark-theme .dropdown-item {
    color: #d7dbe4;
}

body.client-dark-theme .dropdown-item:hover,
body.client-dark-theme .dropdown-item:focus {
    background-color: #262c3d;
    color: #ffffff;
}

/* ---------- Choices.js（自訂下拉選單，部分頁面使用） ---------- */
body.client-dark-theme .choices__inner,
body.client-dark-theme .choices__list--dropdown {
    background-color: #12161f !important;
    border-color: #2a3040 !important;
    color: #e7e9ee !important;
}

body.client-dark-theme .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #262c3d !important;
}

/* ---------- jQuery UI datepicker（日期區間選擇彈窗） ---------- */
body.client-dark-theme .ui-widget.ui-widget-content,
body.client-dark-theme .ui-datepicker {
    background-color: #1a1f2e !important;
    border-color: #2a3040 !important;
    color: #d7dbe4 !important;
}

body.client-dark-theme .ui-datepicker .ui-datepicker-header {
    background-color: #161b28 !important;
    border-color: #2a3040 !important;
    color: #e7e9ee !important;
}

body.client-dark-theme .ui-datepicker td a,
body.client-dark-theme .ui-datepicker td span {
    background-color: transparent !important;
    color: #d7dbe4 !important;
}

body.client-dark-theme .ui-datepicker td a.ui-state-active {
    background-color: #3d5af1 !important;
    color: #ffffff !important;
}

body.client-dark-theme .ui-datepicker td a:hover {
    background-color: #262c3d !important;
}

/* ---------- SweetAlert2 彈窗 ---------- */
body.client-dark-theme .swal2-popup {
    background-color: #1a1f2e !important;
    color: #d7dbe4 !important;
}

body.client-dark-theme .swal2-title,
body.client-dark-theme .swal2-html-container {
    color: #e7e9ee !important;
}

body.client-dark-theme .vh-lg-100.bg-soft {
    background-color: #10131c !important;
}