html.dark-theme {
    /* 覆盖 Bootstrap 5 语义色，避免 .text-muted 等仍显示深色字 */
    --bs-body-color: #e4e5e6;
    --bs-body-color-rgb: 228, 229, 230;
    --bs-secondary-color: #aeb3c5;
    --bs-secondary-rgb: 174, 179, 197;
    --bs-tertiary-color: #9aa3b2;
    --bs-emphasis-color: #ffffff;
    color-scheme: dark;
}

html.dark-theme body{
  
    color: var(--bs-body-color);
    --bs-body-color: #e4e5e6;
    background-color: #1a2232;

}

html.dark-theme ::placeholder {
    color: #fff !important;
    opacity: 0.4 !important;
}

html.dark-theme .h1, html.dark-theme .h2, html.dark-theme .h3, html.dark-theme .h4, html.dark-theme .h5, html.dark-theme .h6, html.dark-theme h1, html.dark-theme h2, html.dark-theme h3, html.dark-theme h4, html.dark-theme h5, html.dark-theme h6 {
    color: #e4e5e6;
}

html.dark-theme p {
    color: #aeb3c5;
}

html.dark-theme .text-option {
    color: #91949f!important;
}

/* Sidebar */

html.dark-theme .sidebar-wrapper,
html.dark-theme .sidebar-wrapper .sidebar-header {

    background-color: #1a2232;

}

html.dark-theme .sidebar-wrapper, 
html.dark-theme .sidebar-wrapper .sidebar-header {

    border-right: 1px solid rgb(255 255 255 / 12%);

}


html.dark-theme .sidebar-wrapper .sidebar-header {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    color: #fcfcfc;
}

html.dark-theme .sidebar-wrapper .sidebar-header .logo-text,
html.dark-theme .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #fcfcfc;
}

html.dark-theme .toggle-icon:hover {
	color: #fff;
    background-color: #29344d;
} 

html.dark-theme .sidebar-wrapper .metismenu .mm-active>a, html.dark-theme .sidebar-wrapper .metismenu a:active, html.dark-theme .sidebar-wrapper .metismenu a:focus, html.dark-theme .sidebar-wrapper .metismenu a:hover {
    color: #fff;
    text-decoration: none;
    background: rgb(46 57 78);
    border-left: 4px solid #ffffff;
}

html.dark-theme .sidebar-wrapper .metismenu a {
    color: #9ea4aa;
}

html.dark-theme .sidebar-wrapper .metismenu ul {
    border: 1px solid #ffffff00;
}

html.dark-theme .sidebar-wrapper .sidebar-header img {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.dark-theme .sidebar-wrapper .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, .4)
}

/* Header */

html.dark-theme .top-header .navbar {
    color: #fcfcfc;
    background-color: #1a2232;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .top-header .navbar .top-navbar-right .nav-link {
	color: #fcfcfc;
}

html.dark-theme .top-header .navbar .top-navbar-right .nav-link:hover {
	color: #fff;
    background-color: #29344d;
}

html.dark-theme .top-header .navbar .mobile-toggle-icon,
html.dark-theme .top-header .navbar .search-toggle-icon {
    color: #fcfcfc;
}

html.dark-theme .top-header .navbar .searchbar .form-control {

    color: #fcfcfc;
    background-color: #1a2232;
    border: 1px solid rgb(255 255 255 / 0%);

}

html.dark-theme .top-header .navbar .user-setting  {
    border-left: 1px solid rgb(255 255 255 / 12%);
    border-right: 1px solid rgb(255 255 255 / 12%);
    border-bottom: 1px solid rgb(255 255 255 / 12%);
	background-color: #1a2232;
}

html.dark-theme .top-header .navbar .user-name {
    color: #ffffff;
}

html.dark-theme .top-header .navbar .dropdown-user-designation {
	color: #caccce;
}


html.dark-theme .footer {
    color: #fcfcfc;
    background-color: #1a2232;
    border-top: 1px solid rgb(255 255 255 / 12%);
}

/* Components */


html.dark-theme .btn-dark {
    color: #fff;
    background-color: #101821;
    border-color: #101821;
}

html.dark-theme .btn-outline-dark {
    color: #b1b6bb;
    border-color: #7f868d;
}

html.dark-theme .btn-white {
    color: #ffffff;
    background-color: #202a40;
    border-color: rgb(255 255 255 / 12%);
}

html.dark-theme .btn-light {
    color: #fff;
    background-color: #313c53;
    border-color: rgb(255 255 255 / 12%);
}


html.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone, html.dark-theme .imageuploadify {

    border: 2px dashed rgb(255 255 255 / 74%);
    background-color: #202a40;

}

html.dark-theme .picker__input {
    background-color: #1a2232 !important;
}

html.dark-theme .picker__holder {
    background: #1a2232;
    border: 1px solid rgb(255 255 255 / 12%);
}


html.dark-theme  .picker__button--today, html.dark-theme  .picker__button--clear, html.dark-theme  .picker__button--close {

    border: 1px solid rgb(255 255 255 / 12%);
    background: #1a2232;

}


html.dark-theme .select2-container--bootstrap4 .select2-selection {
	background-color: #1a2232;
	border: 1px solid rgb(255 255 255 / .35)
}
html.dark-theme .select2-dropdown {
	background-color: #1a2232;
	border: 1px solid rgb(255 255 255 / 38%)
}
html.dark-theme .select2-search--dropdown .select2-search__field {
	border: 1px solid rgb(255 255 255 / 34%);
	background-color: #1a2232;
	color: #e3dfdf
}
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	color: #dee1e5;
	border: 1px solid rgb(255 255 255 / 55%);
	background: #171717
}
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field {
	background: 0 0;
	color: #e6e1e1
}
html.dark-theme .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
	background-color: #1a2232;
}






html.dark-theme .modal-content {

    background-color: #202a40;

}

html.dark-theme .modal-header {

    border-bottom: 1px solid rgb(255 255 255 / 12%);

}

html.dark-theme .modal-footer {

    border-top: 1px solid rgb(255 255 255 / 12%);

}

html.dark-theme .nav-tabs .nav-item.show .nav-link, html.dark-theme .nav-tabs .nav-link.active {
    background-color: #1a2232;
}

html.dark-theme .nav-tabs {

    border-bottom: 1px solid rgb(255 255 255 / 12%);

}

html.dark-theme .nav-primary.nav-tabs .nav-link.active {

    border-color: #008cff #008cff rgb(255 255 255 / 24%);

}

html.dark-theme .nav-tabs .nav-link {
    color: #ffffff;
}


html.dark-theme .nav-danger.nav-tabs .nav-link.active {
    border-color: #f41127 #f41127 rgb(255 255 255 / 24%);
}

html.dark-theme .nav-success.nav-tabs .nav-link.active {
    border-color: #17a00e #17a00e rgb(255 255 255 / 24%);
}

html.dark-theme .nav-warning.nav-tabs .nav-link.active {
    border-color: #ffc107 #ffc107 rgb(255 255 255 / 24%);
}


html.dark-theme .nav-pills .nav-link {

    color: #ffffff;

}

html.dark-theme .page-link {

    color: #ffffff;
    background-color: #202a40;
    border: 1px solid rgb(255 255 255 / 12%);

}

html.dark-theme  .page-item.disabled .page-link {

    color: #ffffff;
    background-color: #181f2e;
    border-color: rgb(255 255 255 / 12%);

}


html.dark-theme  .productlist .product-box {

    border: 1px solid rgb(255 255 255 / 12%);
    background-color: #1a2232;

}


html.dark-theme .form-control, html.dark-theme .form-select {

    color: #fcfcfc;
    background-color: #1a2232;
    border: 1px solid rgb(255 255 255 / 12%);

}


html.dark-theme .form-control:disabled, html.dark-theme .form-control[readonly] {

    background-color: #2c364a;

}


html.dark-theme  .form-select:disabled {

    background-color: #2c364a;

}


html.dark-theme .bootstrap-tagsinput {
    color: #fcfcfc;
    background-color: #1a2232;
    border: 1px solid rgb(255 255 255 / 12%);

}


html.dark-theme .input-group-text {

    color: #ffffff;
    background-color: #313c53;
    border: 1px solid rgb(255 255 255 / 12%);

}




html.dark-theme .chip {

    color: #ffffff;
    background-color: #141b29;

}

html.dark-theme .card {
  
    background-color: #202a40;

}

html.dark-theme .card-header,
html.dark-theme .card-footer {

    background-color: #161d2d;

}

html.dark-theme .bg-dark{
  
    background-color: #101821!important;
}


html.dark-theme .text-secondary {

    color: #8c949c!important;
    
}

html.dark-theme .border {

    border: 1px solid rgb(255 255 255 / 12%) !important;

}


html.dark-theme .border-start {
    
    border-left: 1px solid rgb(255 255 255 / 12%) !important;
} 

html.dark-theme .border-end {

    border-right: 1px solid rgb(255 255 255 / 12%) !important;

}

html.dark-theme .border-top {

    border-top: 1px solid rgb(255 255 255 / 12%) !important;

}

html.dark-theme .border-bottom {

    border-bottom: 1px solid rgb(255 255 255 / 12%) !important;

}


html.dark-theme .text-option {
    color: #fcfcfc!important;
}

html.dark-theme .offcanvas {
    background-color: #1a2232;
    
}

html.dark-theme .btn-close {
  
    filter: invert(1) grayscale(100%) brightness(200%);

}

html.dark-theme .w_percent {

    color: #ffffff;

}


html.dark-theme .bg-light {

    background-color: #1b2336!important;

} 


html.dark-theme .list-group-item {

    color: #fcfcfc;
    background-color: #202a40;
    border: 1px solid rgb(255 255 255 / 12%);

}


html.dark-theme .list-group-flush>.list-group-item {

    border-width: 0 0 1px;
    
}

html.dark-theme .new-customer-list .customer-list-item:hover {

	background-color: #1b2436;

}

html.dark-theme .best-product-item {

	background-color: #202a40;

}
html.dark-theme .best-product-item:hover,
html.dark-theme .sellers-list-item:hover {

	background-color: #1b2436;

}

html.dark-theme .theme-icons,
html.dark-theme .product-box {
    background-color: #202a40;
    color: #f1f4f6;
}


html.dark-theme .accordion-button {
    color: #ffffff !important;
    background-color: #202a40 !important;
}

html.dark-theme .accordion-item {
    background-color: #1b2436 !important;
    border: 1px solid rgb(255 255 255 / 12%) !important;
}


html.dark-theme .accordion-button:focus {

    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: none !important;

}

html.dark-theme .accordion-button:not(.collapsed) {

    color: #ffffff !important;
    background-color: #161d2c !important;

}

/* 手风琴展开区域：避免页面内联白底覆盖暗黑主题 */
html.dark-theme .accordion-collapse,
html.dark-theme .accordion-body {
    background-color: #1a2232 !important;
    color: #e4e5e6 !important;
}

html.dark-theme .accordion-button::after {
    filter: invert(1) grayscale(100%);
}

html.dark-theme .table-secondary {
    --bs-table-color: #e4e5e6;
    --bs-table-bg: #161d2d;
    --bs-table-border-color: rgba(255, 255, 255, 0.12);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-striped-color: #e4e5e6;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    --bs-table-hover-color: #ffffff;
    color: #e4e5e6;
    border-color: rgba(255, 255, 255, 0.12);
    background-color: #161d2d;
}

html.dark-theme .dropdown-menu {

    color: #fcfcfc;
    background-color: #202a40;

}

html.dark-theme  .dropdown-item {

    color: #fcfcfc;

}


html.dark-theme .top-header .navbar .dropdown-menu::after {
    background: #202a40;
    border-top: 1px solid #2f3b55;
    border-left: 1px solid #2f3b55;
}

html.dark-theme .top-header .navbar .dropdown-searchbar .form-control {
    color: #fcfcfc;
    background-color: #202a40;
}


html.dark-theme .top-header .navbar .dropdown-item .setting-icon {

    background-color: #2b3650;

}

html.dark-theme .top-header .navbar .dropdown-item:hover {

    border-radius: 10px;
    color: #fcfcfc;
	background-color: #2e384e
}

html.dark-theme .top-header .navbar .dropdown-menu .notification-box {

    background-color: #2e384e;

}

html.dark-theme .top-header .navbar .dropdown-menu .apps:hover {

    background-color: #2e384e;
    transition: all 0.2;

}



html.dark-theme .top-header .navbar .dropdown-menu .apps .apps-name {
    color: #fcfcfc;
}














html.dark-theme .table {

    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #ffffff;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-active-color: #ffffff;
    --bs-table-active-bg: rgb(255 255 255 / 10%);
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: rgb(255 255 255 / 8%);
    width: 100%;
    margin-bottom: 1rem;
    color: #fcfcfc;
    vertical-align: top;
    border-color: rgb(255 255 255 / 12%);
    
}

/* table-light：暗黑下改为深色表头，避免浅底黑字看不清 */
html.dark-theme .table-light {

    --bs-table-color: #e4e5e6;
    --bs-table-bg: #161d2d;
    --bs-table-border-color: rgba(255, 255, 255, 0.12);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-striped-color: #e4e5e6;
    --bs-table-active-bg: rgba(255, 255, 255, 0.08);
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    --bs-table-hover-color: #ffffff;
    color: #e4e5e6;
    border-color: rgba(255, 255, 255, 0.12);

}

html.dark-theme .table > :not(caption) > * > * {
    color: inherit;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .table thead th,
html.dark-theme .table thead td {
    color: #e4e5e6 !important;
    background-color: #161d2d;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme .table tbody td,
html.dark-theme .table tbody th {
    color: #d5d8de;
}

html.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #e4e5e6;
    --bs-table-accent-bg: rgba(255, 255, 255, 0.04);
}


/* Emailbox */


html.dark-theme .email-wrapper {
	background-color: #202a40;
	box-shadow: 0 .1rem .7rem rgb(0 0 0 / 24%)
}
html.dark-theme .email-sidebar {
	background-color: #202a40;
	border-right: 1px solid rgb(255 255 255 / .12)
}
html.dark-theme .email-sidebar-header {
	background-color: #202a40;
	border-bottom: 1px solid rgb(255 255 255 / .12);
	border-right: 0 solid rgb(255 255 255 / 12%)
}
html.dark-theme .email-navigation {
	border-bottom: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .email-navigation a.list-group-item {
	color: #e4e5e6;
	background-color: #202a40;
	border-bottom: 1px solid rgb(0 0 0 / 0%)
}
html.dark-theme .email-navigation a.list-group-item:hover {
	background-color: rgb(255 255 255 / 14%);
}
html.dark-theme .email-meeting a.list-group-item {
	color: #e4e5e6;
	background-color: #202a40;
	border-bottom: 1px solid rgb(0 0 0 / 0%)
}
html.dark-theme .email-meeting a.list-group-item:hover {
	background-color: rgb(255 255 255 / 14%);
}
html.dark-theme .list-group-item {
	background-color: #202a40;
	border: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .email-navigation a.list-group-item.active {
	color: #ffffff;
    font-weight: 600;
    background-color: rgb(255 255 255 / 14%);
}
html.dark-theme .list-group-flush>.list-group-item {
	border-width: 0 0 1px
}
html.dark-theme .border-top {
	border-top: 1px solid rgb(255 255 255 / 13%)!important
}
html.dark-theme .email-header {
	background-color: #202a40;
	border-bottom: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .email-content {
	background: #202a40
}
html.dark-theme .email-list div.email-message {
	background-color: #202a40;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	color: #e4e5e6
}
html.dark-theme .email-list div.email-message:hover {
	transition: all .2s ease-out;
	background: #434a50
}


html.dark-theme .email-time {
	font-size: 13px;
	color: #8c969e
}


/* Chatbox */ 


html.dark-theme .chat-wrapper {
	background-color: #202a40;
	box-shadow: 0 .1rem .7rem rgb(0 0 0 / 22%)
}
html.dark-theme .chat-sidebar {
	background-color: #202a40;
	border-right: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .chat-sidebar-header {
	background-color: #202a40;
	border-bottom: 1px solid rgb(255 255 255 / 13%);
	border-right: 0 solid rgb(255 255 255 / 13%)
}
html.dark-theme .chat-header {
	background-color: #202a40;
	border-bottom: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .chat-tab-menu li a.nav-link {
	color: #c3c5c8
}
html.dark-theme .chat-title {
	color: #e4e5e6
}
html.dark-theme .chat-msg {
	font-size: 14px;
	color: #848992
}
html.dark-theme .chat-time {
	font-size: 13px;
	color: #8c969e
}
html.dark-theme .chat-top-header-menu a {
	color: #c3c5c8;
	background-color: #202a40;
	border: 1px solid rgb(255 255 255 / 15%)
}
html.dark-theme .chat-content-leftside .chat-left-msg {
	background-color: #202a40
}
html.dark-theme .chat-content-rightside .chat-right-msg {
	background-color: #41484e
}
html.dark-theme .chat-footer {
	background-color: #202a40;
	border-top: 1px solid rgb(255 255 255 / 13%)
}
html.dark-theme .chat-footer-menu a {
	color: #c3c5c8;
	background-color: #202a40;
	border: 1px solid rgb(255 255 255 / 15%)
}


html.dark-theme .fm-menu .list-group a {
	color: #c3c5c8
}
html.dark-theme .fm-icon-box {
	background: #202a40;
	color: #fff
}
html.dark-theme .contacts-social a {
	background: #202a40;
	color: #fff
}


html.dark-theme .fc-theme-standard td, html.dark-theme .fc-theme-standard th {
	border: 1px solid rgb(255 255 255 / .12)
}
html.dark-theme .fc-theme-standard .fc-scrollgrid {
	border: 1px solid rgb(255 255 255 / 12%)
}
html.dark-theme .fc .fc-col-header-cell-cushion {
	color: #fff
}
html.dark-theme .fc .fc-daygrid-day-number {
	color: #fff
}

html.dark-theme .breadcrumb {
	background-color: rgb(32 42 64 / 0%);
}
html.dark-theme .breadcrumb-item.active {
	color: #8b969f
}
html.dark-theme .breadcrumb-title {
	border-right: 1.5px solid rgb(255 255 255 / 18%)
}

html.dark-theme .bg-body {
	background-color: #202a40!important
}


html.dark-theme .apexcharts-pie-label,
html.dark-theme .apexcharts-datalabels,
html.dark-theme .apexcharts-datalabel, 
html.dark-theme .apexcharts-datalabel-label,
html.dark-theme .apexcharts-datalabel-value {
    fill: #fff;
}


html.dark-theme .apexcharts-text tspan {
    fill: rgb(255 255 255 / 66%);
}

/* ========== 全局可读性增强（表单 / 文字 / 分页 / 徽章） ========== */

html.dark-theme .page-content,
html.dark-theme .page-content .card-body,
html.dark-theme .page-content .card-header,
html.dark-theme .page-content .card-footer {
    color: #e4e5e6;
}

html.dark-theme .form-label,
html.dark-theme label {
    color: #e4e5e6;
}

html.dark-theme .text-muted,
html.dark-theme .form-text,
html.dark-theme small,
html.dark-theme small.text-muted,
html.dark-theme .table .text-muted,
html.dark-theme .table small,
html.dark-theme .table small.text-muted,
html.dark-theme .card .text-muted,
html.dark-theme .page-content .text-muted {
    color: #aeb3c5 !important;
}

html.dark-theme .text-dark,
html.dark-theme .text-black,
html.dark-theme .text-body {
    color: #e4e5e6 !important;
}

html.dark-theme hr {
    border-color: rgba(255, 255, 255, 0.12);
    opacity: 1;
}

html.dark-theme .input-group-text {
    color: #e4e5e6;
    background-color: #161d2d;
    border-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .form-control,
html.dark-theme .form-select {
    color: #fcfcfc;
    background-color: #1a2232;
    border-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .form-control:focus,
html.dark-theme .form-select:focus {
    color: #fcfcfc;
    background-color: #1a2232;
    border-color: #6ea8fe;
}

html.dark-theme .form-control option,
html.dark-theme .form-select option {
    background-color: #1a2232;
    color: #e4e5e6;
}

html.dark-theme .form-check-input {
    background-color: #1a2232;
    border-color: rgba(255, 255, 255, 0.35);
}

html.dark-theme .form-check-label {
    color: #e4e5e6;
}

html.dark-theme .btn-light {
    color: #e4e5e6 !important;
    background-color: #313c53 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme .btn-light:hover {
    color: #fff !important;
    background-color: #3d4a66 !important;
}

html.dark-theme .bg-light,
html.dark-theme .badge.bg-light {
    background-color: #2c364a !important;
    color: #e4e5e6 !important;
}

html.dark-theme .pagination .page-link {
    color: #cfd3dc;
    background-color: #202a40;
    border-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

html.dark-theme .pagination .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #161d2d;
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark-theme .pagination .page-link:hover {
    color: #fff;
    background-color: #2c364a;
    border-color: rgba(255, 255, 255, 0.18);
}

html.dark-theme .alert-light {
    color: #e4e5e6;
    background-color: #2c364a;
    border-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .list-group-item {
    color: #e4e5e6;
}

html.dark-theme .dropdown-item {
    color: #e4e5e6;
}

html.dark-theme .dropdown-item:hover,
html.dark-theme .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
}

html.dark-theme .dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .modal-title,
html.dark-theme .modal-body {
    color: #e4e5e6;
}

html.dark-theme .page-breadcrumb .breadcrumb-title {
    color: #e4e5e6;
}

html.dark-theme a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item) {
    color: #8bb4ff;
}

html.dark-theme .table-bordered > :not(caption) > * > * {
    border-color: rgba(255, 255, 255, 0.12);
}

/* ========== 语义色表格（合同审查/技术比对等结果页）========== */
html.dark-theme .table-success,
html.dark-theme .table-success > :not(caption) > * > * {
    --bs-table-bg: rgba(25, 135, 84, 0.18);
    --bs-table-accent-bg: rgba(25, 135, 84, 0.12);
    --bs-table-striped-bg: rgba(25, 135, 84, 0.14);
    --bs-table-active-bg: rgba(25, 135, 84, 0.22);
    --bs-table-hover-bg: rgba(25, 135, 84, 0.2);
    --bs-table-color: #b7e4c7;
    --bs-table-border-color: rgba(25, 135, 84, 0.35);
    color: #b7e4c7;
    border-color: rgba(25, 135, 84, 0.35);
    background-color: rgba(25, 135, 84, 0.18);
}

html.dark-theme .table-danger,
html.dark-theme .table-danger > :not(caption) > * > * {
    --bs-table-bg: rgba(220, 53, 69, 0.18);
    --bs-table-accent-bg: rgba(220, 53, 69, 0.12);
    --bs-table-striped-bg: rgba(220, 53, 69, 0.14);
    --bs-table-active-bg: rgba(220, 53, 69, 0.22);
    --bs-table-hover-bg: rgba(220, 53, 69, 0.2);
    --bs-table-color: #f5c2c7;
    --bs-table-border-color: rgba(220, 53, 69, 0.35);
    color: #f5c2c7;
    border-color: rgba(220, 53, 69, 0.35);
    background-color: rgba(220, 53, 69, 0.18);
}

html.dark-theme .table-warning,
html.dark-theme .table-warning > :not(caption) > * > * {
    --bs-table-bg: rgba(255, 193, 7, 0.14);
    --bs-table-accent-bg: rgba(255, 193, 7, 0.1);
    --bs-table-striped-bg: rgba(255, 193, 7, 0.12);
    --bs-table-active-bg: rgba(255, 193, 7, 0.18);
    --bs-table-hover-bg: rgba(255, 193, 7, 0.16);
    --bs-table-color: #ffe69c;
    --bs-table-border-color: rgba(255, 193, 7, 0.3);
    color: #ffe69c;
    border-color: rgba(255, 193, 7, 0.3);
    background-color: rgba(255, 193, 7, 0.14);
}

html.dark-theme .table-info,
html.dark-theme .table-info > :not(caption) > * > * {
    --bs-table-bg: rgba(13, 202, 240, 0.14);
    --bs-table-color: #9eeaf9;
    --bs-table-border-color: rgba(13, 202, 240, 0.3);
    color: #9eeaf9;
    background-color: rgba(13, 202, 240, 0.14);
}

html.dark-theme thead.table-success th,
html.dark-theme .table thead.table-success th {
    background-color: rgba(25, 135, 84, 0.32) !important;
    color: #d1e7dd !important;
}

html.dark-theme thead.table-danger th,
html.dark-theme .table thead.table-danger th {
    background-color: rgba(220, 53, 69, 0.32) !important;
    color: #f5c2c7 !important;
}

html.dark-theme thead.table-warning th,
html.dark-theme .table thead.table-warning th {
    background-color: rgba(255, 193, 7, 0.22) !important;
    color: #ffe69c !important;
}

html.dark-theme tr.table-success > *,
html.dark-theme tr.table-danger > *,
html.dark-theme tr.table-warning > *,
html.dark-theme tr.table-info > * {
    color: inherit !important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg);
}

/* Alert 语义色暗黑适配 */
html.dark-theme .alert-info {
    color: #9ec5fe;
    background-color: rgba(13, 110, 253, 0.18);
    border-color: rgba(13, 110, 253, 0.35);
}
html.dark-theme .alert-success {
    color: #a3cfbb;
    background-color: rgba(25, 135, 84, 0.18);
    border-color: rgba(25, 135, 84, 0.35);
}
html.dark-theme .alert-warning {
    color: #ffe69c;
    background-color: rgba(255, 193, 7, 0.14);
    border-color: rgba(255, 193, 7, 0.3);
}
html.dark-theme .alert-danger {
    color: #f1aeb5;
    background-color: rgba(220, 53, 69, 0.18);
    border-color: rgba(220, 53, 69, 0.35);
}
html.dark-theme .alert-secondary {
    color: #ced4da;
    background-color: rgba(108, 117, 125, 0.22);
    border-color: rgba(108, 117, 125, 0.35);
}

html.dark-theme .alert-info strong,
html.dark-theme .alert-success strong,
html.dark-theme .alert-warning strong,
html.dark-theme .alert-danger strong,
html.dark-theme .alert-secondary strong {
    color: inherit;
}

/* ========== 辅助报价：模板卡片（覆盖页面内联浅色 + !important）========== */
html.dark-theme .template-card {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background-color: #1a2232 !important;
}

html.dark-theme .template-card.selected {
    border-color: #0d6efd !important;
}

html.dark-theme .template-card .card-header,
html.dark-theme .template-card .card-header.bg-light {
    background-color: #1e293b !important;
    color: #e4e5e6 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-theme .template-card.selected .card-header {
    background-color: #1e3a5f !important;
    color: #e4e5e6 !important;
}

html.dark-theme .template-details {
    background-color: #121826 !important;
    color: #e4e5e6 !important;
}

html.dark-theme .template-card .form-label,
html.dark-theme .template-card .form-check-label,
html.dark-theme .template-details .form-label {
    color: #e4e5e6 !important;
}

html.dark-theme .company-preview,
html.dark-theme .company-preview.bg-light {
    background-color: #1a2232 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e4e5e6 !important;
}

html.dark-theme .company-preview .info-label {
    color: #aeb3c5 !important;
}

html.dark-theme .company-preview .text-muted,
html.dark-theme .template-card .text-muted {
    color: #aeb3c5 !important;
}

/* 文本预览区（投标详情等内联浅底） */
html.dark-theme .text-preview-box {
    background-color: #121826 !important;
    color: #e4e5e6 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* 量体填表项卡片 */
html.dark-theme .field-card,
html.dark-theme .add-form-card {
    background: #1a2232 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme .field-card:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

html.dark-theme .field-title {
    color: #e4e5e6 !important;
}

html.dark-theme .field-actions,
html.dark-theme .field-settings-panel {
    background: #121826 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-theme .field-btn {
    background: #202a40 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #cfd3dc !important;
}

html.dark-theme .field-btn:hover {
    background: #2c364a !important;
    color: #fff !important;
}

html.dark-theme .add-form-card .card-header {
    background: #1a2232 !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-theme .s-label,
html.dark-theme .af-label,
html.dark-theme .field-check-wrap {
    color: #cfd3dc !important;
}

html.dark-theme .s-row,
html.dark-theme .af-row {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark-theme .fields-empty {
    background: #121826 !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #aeb3c5 !important;
}

/* Responsive */

@media screen and (max-width:1024px)  {

    html.dark-theme .top-header .navbar .full-searchbar {
        background-color: #1a2232;
        border-bottom: 1px solid rgb(255 255 255 / 15%);
        background-clip: border-box;
    }

}








