/**
 * 社区12345案件管理系统 - 暗色模式核心样式表 (dark-mode.css)
 * 采用现代深色设计系统（Slate/Navy 配色体系），支持一键无缝切换与系统偏好自动识别
 */

/* ================= 1. 颜色变量定义 ================= */
:root {
    --app-bg-page: #f5f6f9;
    --app-bg-card: #ffffff;
    --app-bg-card-secondary: #f8fafc;
    --app-bg-hover: #f1f5f9;
    --app-bg-active: #e2e8f0;
    
    --app-text-main: #1e293b;
    --app-text-secondary: #64748b;
    --app-text-muted: #94a3b8;
    
    --app-border-color: #e2e8f0;
    --app-border-light: #f1f5f9;
    --app-border-focus: #3b82f6;
    
    --app-input-bg: #ffffff;
    --app-input-border: #cbd5e1;
    --app-input-text: #1e293b;
    
    --app-table-header-bg: #f8fafc;
    --app-table-stripe-bg: #fafbfc;
    --app-table-row-hover: #f1f5f9;
    --app-table-border: #e2e8f0;
    
    --app-modal-bg: #ffffff;
    --app-modal-header-border: #e2e8f0;
    
    --app-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --app-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --app-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    
    --app-code-bg: #f1f5f9;
    --app-code-text: #0f172a;
}

/* ================= 1.1 全局模态框与上传下拉菜单亮色基础样式 ================= */
.custom-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 2000 !important;
}

.custom-modal-content {
    background-color: #ffffff !important;
    color: #1e293b !important;
    padding: 25px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    width: 520px;
    max-width: 90vw !important;
    box-sizing: border-box !important;
    text-align: center;
    position: relative;
}

.custom-modal-content h3,
.custom-modal-content h2,
.custom-modal-content h1 {
    color: #0f172a !important;
    margin-top: 0;
}

.custom-modal-content p {
    color: #475569 !important;
}

/* 剔除上传下拉菜单（亮色模式） */
.unreasonable-upload-menu {
    display: none;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    z-index: 3000 !important;
    min-width: 210px !important;
    overflow: hidden !important;
    margin-top: 4px !important;
    text-align: left !important;
    padding: 4px 0 !important;
}

.unreasonable-upload-item {
    padding: 10px 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background-color 0.2s, color 0.2s !important;
}

.unreasonable-upload-item:last-child {
    border-bottom: none !important;
}

.unreasonable-upload-item:hover {
    background-color: #f0f9ff !important;
    color: #0284c7 !important;
}

[data-theme="dark"] {
    color-scheme: dark;
    
    --app-bg-page: #0b0f19;
    --app-bg-card: #151e2e;
    --app-bg-card-secondary: #111827;
    --app-bg-hover: #1e293b;
    --app-bg-active: #283548;
    
    --app-text-main: #f8fafc;
    --app-text-secondary: #94a3b8;
    --app-text-muted: #64748b;
    
    --app-border-color: #233044;
    --app-border-light: #1b2434;
    --app-border-focus: #38bdf8;
    
    --app-input-bg: #0d1522;
    --app-input-border: #2e3d54;
    --app-input-text: #f8fafc;
    
    --app-table-header-bg: #111a28;
    --app-table-stripe-bg: #101724;
    --app-table-row-hover: #1a2538;
    --app-table-border: #222f42;
    
    --app-modal-bg: #151e2e;
    --app-modal-header-border: #233044;
    
    --app-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.4);
    --app-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.5);
    --app-shadow-lg: 0 14px 32px rgba(0, 0, 0, 0.65);
    
    --app-code-bg: #0a0e17;
    --app-code-text: #38bdf8;
}

/* ================= 2. 全局基础暗色适配 ================= */
[data-theme="dark"] body {
    background-color: var(--app-bg-page) !important;
    color: var(--app-text-main) !important;
}

/* 页面通用容器与卡片 */
[data-theme="dark"] .container,
[data-theme="dark"] .admin-container {
    background-color: var(--app-bg-card) !important;
    color: var(--app-text-main) !important;
    box-shadow: var(--app-shadow-md) !important;
    border: 1px solid var(--app-border-color);
}

[data-theme="dark"] .admin-header,
[data-theme="dark"] .title {
    border-bottom-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .admin-title {
    color: var(--app-text-main) !important;
}

/* 仪表盘管理卡片 */
[data-theme="dark"] .admin-card {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
    box-shadow: var(--app-shadow-sm) !important;
}

[data-theme="dark"] .admin-card:hover {
    background-color: var(--app-bg-hover) !important;
    border-color: #38bdf8 !important;
    box-shadow: var(--app-shadow-lg), 0 0 15px rgba(56, 189, 248, 0.15) !important;
}

[data-theme="dark"] .admin-card h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .admin-card p {
    color: var(--app-text-secondary) !important;
}

/* ================= 3. 表单与筛选器暗色适配 ================= */
[data-theme="dark"] .filter-form,
[data-theme="dark"] .filter-container {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .form-group label {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .filter-input,
[data-theme="dark"] .filter-column,
[data-theme="dark"] select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] textarea {
    background-color: var(--app-input-bg) !important;
    border-color: var(--app-input-border) !important;
    color: var(--app-input-text) !important;
    color-scheme: dark;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .filter-input:focus,
[data-theme="dark"] .filter-column:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
    border-color: var(--app-border-focus) !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
    outline: none !important;
}

[data-theme="dark"] select option {
    background-color: var(--app-bg-card);
    color: var(--app-text-main);
}

[data-theme="dark"] .form-check label {
    color: var(--app-text-main) !important;
}

/* ================= 4. 表格暗色适配 ================= */
[data-theme="dark"] .table-responsive {
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-sm) !important;
}

[data-theme="dark"] .logs-table,
[data-theme="dark"] .user-table,
[data-theme="dark"] table {
    background-color: var(--app-bg-card) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] table tr,
[data-theme="dark"] .logs-table tr,
[data-theme="dark"] .user-table tr {
    background-color: var(--app-bg-card) !important;
}

[data-theme="dark"] table tr:nth-child(odd),
[data-theme="dark"] table tbody tr:nth-child(odd),
[data-theme="dark"] .logs-table tbody tr:nth-child(odd),
[data-theme="dark"] .user-table tbody tr:nth-child(odd) {
    background-color: var(--app-bg-card) !important;
}

[data-theme="dark"] table tr:nth-child(even),
[data-theme="dark"] table tbody tr:nth-child(even),
[data-theme="dark"] .logs-table tbody tr:nth-child(even),
[data-theme="dark"] .user-table tbody tr:nth-child(even) {
    background-color: var(--app-table-stripe-bg) !important;
}

[data-theme="dark"] .logs-table th,
[data-theme="dark"] .user-table th,
[data-theme="dark"] table th {
    background-color: var(--app-table-header-bg) !important;
    color: #e2e8f0 !important;
    border-color: var(--app-table-border) !important;
}

[data-theme="dark"] .logs-table td,
[data-theme="dark"] .user-table td,
[data-theme="dark"] table td {
    background-color: transparent !important;
    border-color: var(--app-table-border) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] table tr:hover,
[data-theme="dark"] table tr:hover td,
[data-theme="dark"] table tbody tr:hover,
[data-theme="dark"] table tbody tr:hover td,
[data-theme="dark"] .logs-table tr:hover,
[data-theme="dark"] .logs-table tr:hover td,
[data-theme="dark"] .logs-table tbody tr:hover,
[data-theme="dark"] .logs-table tbody tr:hover td,
[data-theme="dark"] .user-table tr:hover,
[data-theme="dark"] .user-table tr:hover td,
[data-theme="dark"] .user-table tbody tr:hover,
[data-theme="dark"] .user-table tbody tr:hover td {
    background-color: var(--app-table-row-hover) !important;
}

[data-theme="dark"] .logs-table th.col-time,
[data-theme="dark"] .logs-table td.col-time {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .logs-table th.col-ip,
[data-theme="dark"] .logs-table td.col-ip {
    color: #38bdf8 !important;
}

/* 内容预览按钮 */
[data-theme="dark"] .content-preview {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.3) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .content-preview:hover {
    background: rgba(56, 189, 248, 0.22) !important;
    border-color: #38bdf8 !important;
}

/* ================= 5. 分页控件暗色适配 ================= */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span,
[data-theme="dark"] .pagination-btn {
    background-color: var(--app-bg-card-secondary) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .pagination a:hover,
[data-theme="dark"] .pagination-btn:hover:not(:disabled) {
    background-color: var(--app-bg-hover) !important;
    border-color: var(--app-border-focus) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .pagination .active,
[data-theme="dark"] .pagination-btn.active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

[data-theme="dark"] .pagination .disabled,
[data-theme="dark"] .pagination-btn:disabled {
    background-color: var(--app-bg-card-secondary) !important;
    color: var(--app-text-muted) !important;
    border-color: var(--app-border-color) !important;
}

/* ================= 6. 模态弹窗暗色适配 ================= */
[data-theme="dark"] .modal-content {
    background-color: var(--app-modal-bg) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: var(--app-modal-header-border) !important;
}

[data-theme="dark"] .modal-title {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .close {
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .close:hover {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .content-json {
    background-color: var(--app-code-bg) !important;
    color: var(--app-code-text) !important;
    border: 1px solid var(--app-border-color) !important;
}

/* ================= 6.5 提示框 (Alert) 暗色适配 ================= */
[data-theme="dark"] .alert-success {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* ================= 7. 统一弹窗组件 (toast.js) 暗色适配 ================= */
[data-theme="dark"] .app-toast-item {
    background: #151e2e !important;
    color: #4ade80 !important;
    border-left-color: #22c55e !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(34, 197, 94, 0.2) !important;
}

[data-theme="dark"] .app-modal-dialog {
    background: #151e2e !important;
    border: 1px solid #233044 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .app-modal-header {
    border-bottom-color: #233044 !important;
}

[data-theme="dark"] .app-modal-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .app-modal-body {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .app-modal-footer {
    border-top-color: #233044 !important;
    background: #111827 !important;
}

[data-theme="dark"] .app-modal-btn-cancel {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .app-modal-btn-cancel:hover {
    background: #283548 !important;
    color: #f8fafc !important;
}

/* ================= 8. 主题切换开关按钮控件样式 ================= */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--app-border-color);
    background: var(--app-bg-card-secondary);
    color: var(--app-text-main);
    box-shadow: var(--app-shadow-sm);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    outline: none;
    box-sizing: border-box;
    line-height: 1.4;
}

.theme-toggle-btn:hover {
    background: var(--app-bg-hover);
    border-color: var(--app-border-focus);
    transform: translateY(-1px);
    box-shadow: var(--app-shadow-md);
}

.theme-toggle-btn:active {
    transform: translateY(0);
}

.theme-toggle-btn .theme-icon {
    font-size: 14px;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.theme-toggle-btn:hover .theme-icon {
    transform: rotate(20deg) scale(1.15);
}

/* 浮动切换按钮（适用于没有固定操作栏的页面） */
.theme-toggle-floating {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    padding: 10px 18px;
    border-radius: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

/* ================= 9. 操作徽标 (Badge) 与状态标签暗色适配 ================= */
[data-theme="dark"] .status-active {
    color: #4ade80 !important;
    text-shadow: 0 0 8px rgba(74, 222, 128, 0.3);
}

[data-theme="dark"] .status-inactive {
    color: #f87171 !important;
    text-shadow: 0 0 8px rgba(248, 113, 113, 0.3);
}

[data-theme="dark"] .operation {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    font-weight: 500;
}

[data-theme="dark"] .operation-login,
[data-theme="dark"] .operation-访问 {
    background-color: #1d4ed8 !important;
    color: #eff6ff !important;
}

[data-theme="dark"] .operation-添加,
[data-theme="dark"] .operation-新增 {
    background-color: #15803d !important;
    color: #f0fdf4 !important;
}

[data-theme="dark"] .operation-更新,
[data-theme="dark"] .operation-编辑 {
    background-color: #b45309 !important;
    color: #fffbeb !important;
}

[data-theme="dark"] .operation-删除 {
    background-color: #b91c1c !important;
    color: #fef2f2 !important;
}

[data-theme="dark"] .operation-无权限,
[data-theme="dark"] .operation-无权限访问 {
    background-color: #7e22ce !important;
    color: #faf5ff !important;
}

/* ================= 10. 自定义滚动条 (Scrollbar) 暗色适配 ================= */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #283548;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #3b4d66;
}

/* ================= 12. list.php 核心列表页面暗色适配 ================= */
[data-theme="dark"] .page-title,
[data-theme="dark"] h1.page-title,
[data-theme="dark"] .title,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
    color: #f1f5f9 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .page-title i,
[data-theme="dark"] h1.page-title i {
    color: #38bdf8 !important;
}

/* 选择列与显隐列面板菜单 */
[data-theme="dark"] .column-toggle-panel,
[data-theme="dark"] .filter-column-toggle-panel,
[data-theme="dark"] div[id^="filter-column-toggle-panel"] {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .column-toggle-panel:before,
[data-theme="dark"] .filter-column-toggle-panel:before,
[data-theme="dark"] div[id^="filter-column-toggle-panel"]:before {
    background-color: var(--app-bg-card) !important;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.4) !important;
    border-top: 1px solid var(--app-border-color);
    border-left: 1px solid var(--app-border-color);
}

[data-theme="dark"] .column-toggle-content,
[data-theme="dark"] .filter-column-toggle-content,
[data-theme="dark"] div[id^="filter-column-content"] {
    background-color: var(--app-bg-card-secondary) !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .column-toggle-item,
[data-theme="dark"] .filter-column-toggle-item {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .column-toggle-item label,
[data-theme="dark"] .filter-column-toggle-item label {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .column-toggle-item:hover,
[data-theme="dark"] .filter-column-toggle-item:hover {
    background-color: var(--app-bg-hover) !important;
}

[data-theme="dark"] .column-actions,
[data-theme="dark"] .column-action-btn,
[data-theme="dark"] .filter-column-action-btn {
    background-color: var(--app-bg-card-secondary) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .column-action-btn:hover,
[data-theme="dark"] .filter-column-action-btn:hover {
    background-color: var(--app-bg-hover) !important;
    border-color: var(--app-border-focus) !important;
    color: #38bdf8 !important;
}

/* 分组框及内部组件 */
[data-theme="dark"] .group-control {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .group-buttons {
    background-color: transparent !important;
}

[data-theme="dark"] .group-label {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .group-btn {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .group-btn:hover {
    background-color: var(--app-bg-hover) !important;
    border-color: var(--app-border-focus) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .group-btn.active {
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

[data-theme="dark"] .group-header {
    background-color: #1a2333 !important;
    color: #38bdf8 !important;
    border-color: var(--app-table-border) !important;
}

/* 表格下部“每页显示”与分页栏 */
[data-theme="dark"] .pagination-container,
[data-theme="dark"] .pagination-info,
[data-theme="dark"] .pagination-summary,
[data-theme="dark"] #pagination-controls,
[data-theme="dark"] .pagination-wrapper {
    background-color: var(--app-bg-card) !important;
    color: var(--app-text-main) !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .pagination-info span,
[data-theme="dark"] .pagination-summary span,
[data-theme="dark"] .full-mode-label,
[data-theme="dark"] .full-mode-label span {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] #page-size-select,
[data-theme="dark"] .page-size-select,
[data-theme="dark"] .pagination-container select {
    background-color: var(--app-input-bg) !important;
    border-color: var(--app-input-border) !important;
    color: var(--app-input-text) !important;
}

/* 对话框与弹出菜单（含导出Excel与剔除按钮操作菜单） */
[data-theme="dark"] .custom-modal,
[data-theme="dark"] div[style*="position:fixed"][style*="z-index:2000"],
[data-theme="dark"] div[style*="position: fixed"][style*="z-index: 2000"] {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .custom-modal-content,
[data-theme="dark"] .time-picker-content {
    background-color: var(--app-modal-bg) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .custom-modal-content h3,
[data-theme="dark"] .custom-modal-content h2,
[data-theme="dark"] .custom-modal-content h1,
[data-theme="dark"] .time-picker-content h3 {
    color: #f8fafc !important;
}

[data-theme="dark"] .custom-modal-content p,
[data-theme="dark"] .custom-modal-content span,
[data-theme="dark"] .custom-modal-content strong,
[data-theme="dark"] .time-picker-content p,
[data-theme="dark"] .time-picker-content label {
    color: var(--app-text-main) !important;
}

/* 剔除操作模态框内部 “上传 ▾” 下拉菜单暗色适配 */
[data-theme="dark"] .unreasonable-upload-menu,
[data-theme="dark"] div.unreasonable-upload-menu {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .unreasonable-upload-item,
[data-theme="dark"] div.unreasonable-upload-item {
    background-color: var(--app-bg-card) !important;
    border-bottom: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .unreasonable-upload-item:hover,
[data-theme="dark"] div.unreasonable-upload-item:hover {
    background-color: var(--app-bg-hover) !important;
    color: #38bdf8 !important;
}

/* 剔除材料与上传弹窗菜单项适配 */
[data-theme="dark"] .custom-modal-content div[style*="background:white"],
[data-theme="dark"] .custom-modal-content div[style*="background: white"],
[data-theme="dark"] .custom-modal-content div[style*="background-color:white"],
[data-theme="dark"] .custom-modal-content div[style*="background-color: white"],
[data-theme="dark"] .custom-modal-content div[style*="background:#f8f9fa"],
[data-theme="dark"] .custom-modal-content div[style*="background: #f8f9fa"],
[data-theme="dark"] .custom-modal-content div[style*="background-color:#f8f9fa"],
[data-theme="dark"] .custom-modal-content div[style*="background-color: #f8f9fa"] {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .custom-modal-content div[style*="border-bottom:1px solid #f0f0f0"],
[data-theme="dark"] .custom-modal-content div[style*="border-bottom: 1px solid #f0f0f0"],
[data-theme="dark"] .custom-modal-content div[style*="border-bottom:1px solid #eee"],
[data-theme="dark"] .custom-modal-content div[style*="border-bottom: 1px solid #eee"] {
    border-bottom-color: var(--app-border-color) !important;
}

[data-theme="dark"] .copy-tooltip {
    background-color: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid var(--app-border-color) !important;
    color: #38bdf8 !important;
    box-shadow: var(--app-shadow-md) !important;
}

[data-theme="dark"] .author-info {
    background-color: rgba(21, 30, 46, 0.85) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .netgrid-dropdown {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .dropdown-option {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .dropdown-option:hover {
    background-color: var(--app-bg-hover) !important;
}

[data-theme="dark"] .dropdown-option.selected {
    background-color: rgba(37, 99, 235, 0.2) !important;
}

[data-theme="dark"] .option-name {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .option-building {
    color: var(--app-text-secondary) !important;
}

/* 案件状态单元格背景在暗色下适度调和 */
[data-theme="dark"] .status-satisfied {
    background-color: rgba(34, 197, 94, 0.18) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .status-basic-satisfied {
    background-color: rgba(59, 130, 246, 0.18) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .status-unsatisfied {
    background-color: rgba(239, 68, 68, 0.18) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .status-none {
    background-color: rgba(148, 163, 184, 0.15) !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .handle-normal {
    background-color: rgba(34, 197, 94, 0.18) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .handle-exclude {
    background-color: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .handle-none {
    background-color: rgba(148, 163, 184, 0.15) !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] td.center-align[title]:nth-child(7) {
    color: #38bdf8 !important;
}

/* ================= 13. login.php 登录页面暗色适配 ================= */
[data-theme="dark"] .login-container {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .login-title {
    color: #f8fafc !important;
}

/* ================= 14. view.php / edit.php 详情与编辑页暗色适配 ================= */
[data-theme="dark"] .record-container,
[data-theme="dark"] .edit-container,
[data-theme="dark"] .form-container,
[data-theme="dark"] .detail-card,
[data-theme="dark"] .form-card {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-md) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .form-container {
    background-color: var(--app-bg-card) !important;
}

[data-theme="dark"] .form-group label,
[data-theme="dark"] .field-label,
[data-theme="dark"] .label-title,
[data-theme="dark"] label {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .field-group {
    border-bottom-color: var(--app-border-color) !important;
}

[data-theme="dark"] .field-value {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .history-table,
[data-theme="dark"] .diff-table {
    border-color: var(--app-table-border) !important;
}

/* ================= 15. webupload.php 上传页面暗色适配 ================= */
[data-theme="dark"] .upload-container,
[data-theme="dark"] .upload-card,
[data-theme="dark"] .card {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-md) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .drop-zone,
[data-theme="dark"] .upload-area {
    background-color: var(--app-bg-card-secondary) !important;
    border: 2px dashed var(--app-border-focus) !important;
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .drop-zone:hover,
[data-theme="dark"] .drop-zone.dragover,
[data-theme="dark"] .upload-area:hover,
[data-theme="dark"] .upload-area.dragover {
    background-color: var(--app-bg-hover) !important;
    border-color: #38bdf8 !important;
}

[data-theme="dark"] .drop-zone__prompt {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .file-info,
[data-theme="dark"] .parsed-info,
[data-theme="dark"] .result-card,
[data-theme="dark"] .debug-info,
[data-theme="dark"] .error-details,
[data-theme="dark"] pre {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .info-table th {
    background-color: var(--app-table-header-bg) !important;
    color: #e2e8f0 !important;
    border-color: var(--app-table-border) !important;
}

[data-theme="dark"] .info-table td {
    background-color: transparent !important;
    border-color: var(--app-table-border) !important;
    color: var(--app-text-main) !important;
}

/* ================= 16. focusList.php 重点列表暗色适配 ================= */
[data-theme="dark"] .focus-container,
[data-theme="dark"] .filter-section {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

/* ================= 17. 2025.php / 2026.php 年度对比清单暗色适配 ================= */
[data-theme="dark"] .diff-added {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .diff-deleted {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .diff-modified {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .diff-legend {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

/* ================= 18. admin/groups.php & admin/areas.php 标签与权限网格 ================= */
[data-theme="dark"] .permissions-grid {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .permission-group {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .tab-nav,
[data-theme="dark"] .tabs-header,
[data-theme="dark"] .tabs {
    border-bottom-color: var(--app-border-color) !important;
}

[data-theme="dark"] .tab-btn,
[data-theme="dark"] .tab-item {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] .tab-item.active {
    background-color: var(--app-bg-card) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

/* ================= 19. view_doc.php 文档查看器暗色适配 ================= */
[data-theme="dark"] .header,
[data-theme="dark"] .doc-header {
    background-color: var(--app-bg-card) !important;
    border-bottom: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .doc-workspace {
    background-color: var(--app-bg-body) !important;
}

[data-theme="dark"] .docx-paper-wrapper {
    background: transparent !important;
}

/* 深色模式下 docx-preview 仿真 A4 纸张与表格文字暗色化 */
[data-theme="dark"] .docx-wrapper > section.docx {
    background-color: var(--app-bg-card, #151e2e) !important;
    color: #f1f5f9 !important;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.7) !important;
    border: 1px solid #2a374d !important;
}

[data-theme="dark"] .docx-wrapper > section.docx p,
[data-theme="dark"] .docx-wrapper > section.docx span,
[data-theme="dark"] .docx-wrapper > section.docx h1,
[data-theme="dark"] .docx-wrapper > section.docx h2,
[data-theme="dark"] .docx-wrapper > section.docx h3,
[data-theme="dark"] .docx-wrapper > section.docx h4,
[data-theme="dark"] .docx-wrapper > section.docx h5,
[data-theme="dark"] .docx-wrapper > section.docx h6,
[data-theme="dark"] .docx-wrapper > section.docx div,
[data-theme="dark"] .docx-wrapper > section.docx article,
[data-theme="dark"] .docx-wrapper > section.docx label {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .docx-wrapper > section.docx table {
    border-color: #334155 !important;
}

[data-theme="dark"] .docx-wrapper > section.docx td,
[data-theme="dark"] .docx-wrapper > section.docx th {
    border-color: #334155 !important;
    color: #f1f5f9 !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
}

[data-theme="dark"] .docx-wrapper > section.docx tr:first-child td,
[data-theme="dark"] .docx-wrapper > section.docx tr:first-child th {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .doc-paper {
    background-color: var(--app-bg-card) !important;
    color: var(--app-text-main) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}


/* 12345 官方标准政务工单表格暗色适配 */
[data-theme="dark"] .gov-doc-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .gov-case-table {
    border-color: #475569 !important;
    background-color: #151e2e !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .gov-th,
[data-theme="dark"] .gov-td {
    border-color: #334155 !important;
}

[data-theme="dark"] .gov-th {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .gov-td {
    color: #f1f5f9 !important;
    background-color: #151e2e !important;
}

[data-theme="dark"] .gov-sign-wrap {
    color: #94a3b8 !important;
}

[data-theme="dark"] .case-card {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
}


[data-theme="dark"] .case-card-header {
    background-color: var(--app-bg-card-secondary) !important;
    border-bottom: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .case-grid {
    background-color: var(--app-border-color) !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .case-field {
    background-color: var(--app-bg-card) !important;
}

[data-theme="dark"] .case-label {
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .case-value {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .case-content-box {
    background-color: var(--app-bg-card) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .excel-container {
    background-color: var(--app-bg-card) !important;
}

[data-theme="dark"] .excel-tabs {
    background-color: var(--app-bg-body) !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .excel-tab {
    background-color: var(--app-bg-card-secondary) !important;
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .excel-tab.active {
    background-color: var(--app-bg-card) !important;
    color: #38bdf8 !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .excel-table th,
[data-theme="dark"] .excel-table td {
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .excel-table th {
    background-color: var(--app-bg-card-secondary) !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--app-bg-hover) !important;
}


/* ================= 20. Toast.js 弹窗与标题栏暗色深度适配 ================= */
[data-theme="dark"] .app-modal-dialog {
    background-color: var(--app-modal-bg) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
    box-shadow: var(--app-shadow-lg) !important;
}

[data-theme="dark"] .app-modal-header {
    border-bottom: 1px solid var(--app-modal-header-border) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .app-modal-title-wrap,
[data-theme="dark"] .app-modal-title-text,
[data-theme="dark"] .app-modal-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .app-modal-body,
[data-theme="dark"] .app-modal-content {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .app-modal-footer {
    border-top: 1px solid var(--app-border-color) !important;
    background-color: var(--app-bg-card-secondary) !important;
}

/* ================= 21. WaterMarkMaker 图片水印与拼接工具暗色深度适配 ================= */
[data-theme="dark"] .container {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .tab-header {
    border-bottom: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .tab {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    border-bottom: none !important;
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .tab:hover {
    color: var(--app-text-main) !important;
    background-color: var(--app-bg-hover) !important;
}

[data-theme="dark"] .tab.active {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    border-bottom: 1px solid var(--app-bg-card) !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .watermark-settings,
[data-theme="dark"] .merge-settings {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .watermark-settings h3,
[data-theme="dark"] .merge-settings h3,
[data-theme="dark"] .preview-container h3 {
    color: #f8fafc !important;
}

[data-theme="dark"] .setting-group label,
[data-theme="dark"] .setting-item label,
[data-theme="dark"] .size-input-group label,
[data-theme="dark"] .size-input-group span,
[data-theme="dark"] #width-value,
[data-theme="dark"] #height-value {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .drop-zone {
    background-color: var(--app-input-bg) !important;
    border-color: #22c55e !important;
}

[data-theme="dark"] .drop-zone:hover {
    background-color: var(--app-bg-hover) !important;
    border-color: #4ade80 !important;
}

[data-theme="dark"] .drop-zone-prompt {
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .preview-area {
    background-color: #0c121e !important;
    border: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .preview-placeholder {
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .preview-item {
    border-color: var(--app-border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: var(--app-bg-hover) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--app-bg-active) !important;
}

[data-theme="dark"] .history-dropdown {
    background-color: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: var(--app-shadow-lg) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .history-item {
    border-bottom: 1px solid var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .history-item:hover {
    background-color: var(--app-bg-hover) !important;
}

[data-theme="dark"] .history-btn {
    color: var(--app-text-muted) !important;
}

[data-theme="dark"] .history-btn:hover {
    color: #38bdf8 !important;
}

[data-theme="dark"] .drawing-toolbar {
    background: rgba(21, 30, 46, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(35, 48, 68, 0.9) !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.6), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .toolbar-group {
    border-right-color: var(--app-border-color) !important;
}

[data-theme="dark"] .toolbar-label {
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .tool-btn {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .tool-btn:hover {
    background-color: var(--app-bg-hover) !important;
    border-color: #38bdf8 !important;
}

[data-theme="dark"] .tool-btn.active {
    background-color: #4CAF50 !important;
    color: #ffffff !important;
    border-color: #4CAF50 !important;
}

[data-theme="dark"] .tool-btn.danger {
    color: #f87171 !important;
}

[data-theme="dark"] .tool-btn.danger:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .toolbar-checkbox {
    background-color: var(--app-bg-card) !important;
    border-color: var(--app-border-color) !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .toolbar-number-input,
[data-theme="dark"] .size-number-input {
    background-color: var(--app-input-bg) !important;
    border-color: var(--app-input-border) !important;
    color: var(--app-input-text) !important;
}

[data-theme="dark"] .draw-text-input {
    background: rgba(21, 30, 46, 0.95) !important;
    color: var(--app-text-main) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}


/* ========== list.php 上传容器（#uploadContainer）暗色模式 ========== */

/* 遮罩层暗色 */
[data-theme="dark"] .upload-overlay {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* 右上角关闭按钮暗色 — 红色按钮自身配色无需改变 */
[data-theme="dark"] .upload-close-x:hover {
    background: #ef5350 !important;
}

/* 外层容器 — 深色卡片 */
[data-theme="dark"] #uploadContainer {
    background: var(--app-bg-card) !important;
    border: 1px solid var(--app-border-color) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
    color: var(--app-text-main) !important;
}

/* 文件列表表格 */
[data-theme="dark"] #fileList {
    background: var(--app-bg-secondary) !important;
    box-shadow: none !important;
}

[data-theme="dark"] #fileList th {
    background: var(--app-bg-hover) !important;
    color: var(--app-text-main) !important;
    border-bottom-color: var(--app-border-color) !important;
}

[data-theme="dark"] #fileList td {
    color: var(--app-text-main) !important;
    border-bottom-color: var(--app-border-color) !important;
}

[data-theme="dark"] #fileList tr:hover {
    background: var(--app-bg-hover) !important;
}

[data-theme="dark"] .file-size {
    color: var(--app-text-secondary) !important;
}

/* 上传/关闭按钮容器 */
[data-theme="dark"] #uploadContainer .button-container {
    border-top: 1px solid var(--app-border-color);
}

[data-theme="dark"] #uploadContainer .close-btn {
    background: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] #uploadContainer .close-btn:hover {
    background: #64748b !important;
}

/* 上传结果摘要区域 — 外层框及子组件暗色模式全面适配 */
[data-theme="dark"] #uploadResultSummary {
    background-color: var(--app-bg-card-secondary) !important;
    border: 1px solid var(--app-border-color) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .upload-summary {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

[data-theme="dark"] .summary-header {
    color: var(--app-text-main) !important;
    border-bottom: 1px solid var(--app-border-color) !important;
}

[data-theme="dark"] .summary-content {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .success-summary {
    background-color: rgba(34, 197, 94, 0.15) !important;
    border-left: 4px solid #22c55e !important;
    border-radius: 4px !important;
    color: #86efac !important;
}

[data-theme="dark"] .fail-summary {
    background-color: rgba(239, 68, 68, 0.15) !important;
    border-left: 4px solid #ef4444 !important;
    border-radius: 4px !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .summary-title,
[data-theme="dark"] .summary-title span {
    color: var(--app-text-main) !important;
    text-align: left !important;
}

[data-theme="dark"] .success-summary .summary-title {
    justify-content: flex-start !important;
}

[data-theme="dark"] #successCount {
    color: #4ade80 !important;
    font-weight: bold !important;
}

[data-theme="dark"] #failCount {
    color: #f87171 !important;
    font-weight: bold !important;
}

[data-theme="dark"] .copy-all-btn {
    background-color: var(--app-bg-hover) !important;
    border: 1px solid var(--app-border-color) !important;
    color: var(--app-text-secondary) !important;
    border-radius: 3px !important;
}

[data-theme="dark"] .copy-all-btn:hover {
    background-color: var(--app-bg-card) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .fail-reasons,
[data-theme="dark"] #failReasons {
    color: var(--app-text-main) !important;
}

[data-theme="dark"] .fail-reason-item {
    background-color: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid var(--app-border-color) !important;
    border-radius: 4px !important;
    color: var(--app-text-secondary) !important;
}

[data-theme="dark"] .fail-file-name {
    color: #f8fafc !important;
}

[data-theme="dark"] .fail-file-name:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .fail-reason-text {
    color: #fca5a5 !important;
    border-left: 2px solid #ef4444 !important;
}

[data-theme="dark"] #status.success {
    background-color: rgba(34, 197, 94, 0.18) !important;
    border: 1px solid #22c55e !important;
    color: #86efac !important;
}

[data-theme="dark"] #status.error {
    background-color: rgba(239, 68, 68, 0.18) !important;
    border: 1px solid #ef4444 !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] #status.warning {
    background-color: rgba(249, 115, 22, 0.18) !important;
    border: 1px solid #f97316 !important;
    color: #fdba74 !important;
}