/* ==================== 深色模式全局适配 ==================== */

/* 深色模式 - 弹窗 */
[data-theme="dark"] .modal-content {
    background: var(--color-surface);
    border-color: var(--color-border);
}

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

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

[data-theme="dark"] .modal-body {
    color: var(--color-text-secondary);
}

/* 深色模式 - 表单元素 */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text-primary);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--color-text-muted);
}

/* 深色模式 - 表格 */
[data-theme="dark"] .data-table tbody tr:hover {
    background: var(--color-surface-hover);
}

/* 深色模式 - 滚动条 */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--color-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--color-border);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
}

/* 深色模式 - 子导航 */
[data-theme="dark"] .nav-child:hover {
    background: var(--color-surface-hover);
}

[data-theme="dark"] .nav-child.active {
    background: rgba(255, 140, 0, 0.15);
}

/* 深色模式过渡动画 */
html {
    transition: background-color var(--duration-normal) var(--ease-out);
}

html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
    transition: background-color var(--duration-normal) var(--ease-out),
                border-color var(--duration-normal) var(--ease-out),
                color var(--duration-normal) var(--ease-out) !important;
}