/* 深色主题样式表 */

body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

/* 导航栏 */
body.dark-mode nav {
    background-color: #1a1a1a;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode nav a {
    color: #4d9cff;
}

body.dark-mode nav a:hover {
    color: #77b6ff;
}

/* 表格样式 */
body.dark-mode table {
    border-color: #444;
}

body.dark-mode th {
    background-color: #222;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode td {
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode tr:nth-child(even) {
    background-color: #2d2d2d;
}

body.dark-mode tr:nth-child(odd) {
    background-color: #1e1e1e;
}

/* 表单元素 */
body.dark-mode input, 
body.dark-mode textarea, 
body.dark-mode select,
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-item,
body.dark-mode option {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode input:focus, 
body.dark-mode textarea:focus, 
body.dark-mode select:focus {
    background-color: #3a3a3a;
    color: #fff;
    border-color: #4d9cff;
}

/* 选择框和下拉菜单 */
body.dark-mode select option {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus,
body.dark-mode option:hover,
body.dark-mode option:checked {
    background-color: #3a3a3a;
    color: #fff;
}

/* 弹出框和模态框 */
body.dark-mode .modal,
body.dark-mode .popover,
body.dark-mode .tooltip {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

/* 按钮 */
body.dark-mode button,
body.dark-mode .btn {
    background-color: #0d6efd;
    color: #fff;
    border-color: #085fd5;
}

body.dark-mode button:hover,
body.dark-mode .btn:hover {
    background-color: #085fd5;
    color: #fff;
}

/* 卡片和面板 */
body.dark-mode .card,
body.dark-mode .kanban-card {
    background-color: #282828; /* 调亮了卡片颜色 */
    color: #ffffff; /* 将文字颜色调成纯白色，增加对比度 */
    border-color: #444;
    box-shadow: 0 1px 3px rgba(255,255,255,0.05);
}

/* 更精确地定位卡片内的所有文字元素 */
body.dark-mode .kanban-card h3,
body.dark-mode .kanban-card p,
body.dark-mode .kanban-card strong,
body.dark-mode .kanban-card small {
    color: #ffffff !important; /* 强制所有文字都为白色 */
}

/* 专门增强项目名称的样式 */
body.dark-mode .kanban-card h3 a {
    color: #00ffff !important; /* 改为浅蓝色，更醒目 */
    font-weight: bold !important; /* 加粗 */
    text-shadow: 0 0 2px rgba(0,255,255,0.5) !important; /* 增强发光效果 */
    font-size: 1.2em !important; /* 更大字号 */
    text-decoration: none !important; /* 移除下划线 */
    padding: 2px 4px !important; /* 添加内边距 */
    border-radius: 3px !important; /* 圆角 */
    background-color: rgba(0,0,0,0.2) !important; /* 半透明背景，增加对比度 */
}

/* 鼠标悬浮效果 */
body.dark-mode .kanban-card h3 a:hover {
    color: #ffffff !important; /* 悬浮时变为白色 */
    background-color: rgba(0,255,255,0.2) !important; /* 浅蓝色背景 */
    text-shadow: 0 0 3px rgba(255,255,255,0.8) !important; /* 增强发光 */
}

body.dark-mode .kanban-card .staff-info {
    color: #ffffff !important;
}

body.dark-mode .kanban-card .staff-info small {
    color: #ffffff !important;
    opacity: 0.9; /* 给small文字设置微小的透明度区分层次感 */
}

body.dark-mode .kanban-column {
    background-color: #1e1e1e; /* 调深了列背景色，增加对比度 */
    color: #e0e0e0;
}

/* 链接 */
body.dark-mode a {
    color: #4d9cff;
}

body.dark-mode a:hover {
    color: #77b6ff;
}

/* 特殊UI元素 */
body.dark-mode .help-icon {
    background-color: #0d6efd;
    color: #fff;
}

body.dark-mode .help-icon:hover {
    background-color: #085fd5;
}

/* 通知消息 */
body.dark-mode .notification.success {
    background-color: #28a745;
    color: #fff;
}

body.dark-mode .notification.error {
    background-color: #dc3545;
    color: #fff;
}

body.dark-mode .notification.info {
    background-color: #17a2b8;
    color: #fff;
}

/* 材料列表相关样式 */
body.dark-mode ul.material-list,
body.dark-mode .material-dropdown,
body.dark-mode .material-item {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .material-dropdown li:hover,
body.dark-mode .material-item:hover {
    background-color: #3a3a3a;
    color: #fff;
}

/* 下拉搜索框 */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple,
body.dark-mode .select2-dropdown,
body.dark-mode .select2-search__field {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .select2-container--default .select2-results__option {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted {
    background-color: #3a3a3a;
    color: #fff;
}

/* 其他界面元素的覆盖样式 */
body.dark-mode hr {
    border-color: #444;
}

body.dark-mode .flash-message {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .flash-success {
    color: #28a745;
    background-color: rgba(40, 167, 69, 0.2);
    border-color: rgba(40, 167, 69, 0.3);
}

body.dark-mode .flash-error {
    color: #dc3545;
    background-color: rgba(220, 53, 69, 0.2);
    border-color: rgba(220, 53, 69, 0.3);
}

/* 项目特有的列表和UI组件 */
body.dark-mode .empty-message {
    color: #999;
}

/* 确保文本输入区域有足够对比度 */
body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="email"],
body.dark-mode input[type="number"],
body.dark-mode textarea {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border: 1px solid #444;
}

/* 处理表单标签 */
body.dark-mode label {
    color: #e0e0e0;
}

/* 处理弹出菜单中的文本 */
body.dark-mode .context-menu,
body.dark-mode .popup-menu {
    background-color: #2d2d2d;
    border: 1px solid #444;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

body.dark-mode .context-menu-item,
body.dark-mode .popup-menu-item {
    color: #e0e0e0;
}

body.dark-mode .context-menu-item:hover,
body.dark-mode .popup-menu-item:hover {
    background-color: #3a3a3a;
}

/* 强制覆盖所有内联样式的背景色 */
body.dark-mode [style*="background-color"] {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* 确保所有静态UI组件的颜色适配 */
body.dark-mode * {
    border-color: #444 !important;
}

/* 预设范围和表单元素样式增强 */
body.dark-mode .form-row {
    background-color: #1a1a1a;
    border-color: #444;
}

body.dark-mode #presetRange,
body.dark-mode select.form-control,
body.dark-mode input.form-control {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border: 1px solid #555;
}

body.dark-mode #presetRange option {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .form-row label,
body.dark-mode .form-row span {
    color: #e0e0e0;
}

body.dark-mode .divider {
    color: #999;
}

/* 确保所有内联样式的背景也能正确显示 */
body.dark-mode [style*="background-color: #f9f9f9"] {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

body.dark-mode form[style*="background-color: #f9f9f9"] {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* 统计报表区域 */
body.dark-mode .stats-header,
body.dark-mode .stats-container {
    background-color: #1a1a1a;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .time-range-form {
    background-color: #1a1a1a;
    border-color: #444;
}

/* 分页按钮样式 */
body.dark-mode .pagination-btn {
    padding: 5px 10px;
    border: 1px solid #444;
    border-radius: 4px;
    text-decoration: none;
    color: #e0e0e0;
    background-color: #1e1e1e;
}

body.dark-mode .pagination-btn:hover {
    background-color: #333;
}

body.dark-mode .pagination-btn.disabled {
    color: #666;
    cursor: not-allowed;
    border-color: #333;
    background-color: #1a1a1a;
}

/* 文件上传输入框的暗模式优化 */
body.dark-mode input[type="file"],
body.dark-mode .file-upload-input {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    border: 2px solid #4a90e2;
    border-radius: 4px;
    padding: 8px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
    margin-right: 12px;
}

body.dark-mode input[type="file"]:hover,
body.dark-mode input[type="file"]:focus,
body.dark-mode .file-upload-input:hover,
body.dark-mode .file-upload-input:focus {
    background-color: rgba(255, 255, 255, 1);
    border-color: #2b71c7;
    box-shadow: 0 0 8px rgba(74, 144, 226, 0.8);
}