/* 内部页面组件深色主题补丁 */
/* 此文件可应用于所有内部页面，覆盖亮色组件样式 */

/* 页面标题 */
.page-header h1,
.page-header h2,
.page-header h3 {
    color: var(--text-primary) !important;
}

/* 白色背景卡片 -> 深色卡片 */
.search-filters-wrapper,
.orders-table-container,
.stats-card,
.well,
.panel {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

/* 输入框统一样式 */
.search-input-wrapper input,
.filter-group select,
.filter-group input,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="date"],
select,
textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid var(--text-disabled) !important;
    color: var(--text-primary) !important;
}

.search-input-wrapper input:focus,
.filter-group select:focus,
.filter-group input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--border-focus) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 0 3px rgba(255, 118, 117, 0.1) !important;
}

/* 标签文字 */
.filter-group label,
.form-group label,
label {
    color: var(--text-primary) !important;
}

/* 表格样式 */
.orders-table,
.table,
table {
    background: transparent !important;
}

.orders-table th,
.table th,
table th {
    background: rgba(255, 118, 117, 0.1) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.orders-table td,
.table td,
table td {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.orders-table tbody tr:hover,
.table tbody tr:hover,
table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* 按钮样式 */
.btn-apply,
.btn-reset,
.action-button,
button[type="button"],
button[type="submit"] {
    background: var(--primary-gradient) !important;
    color: white !important;
    border: none !important;
}

.btn-apply:hover,
.btn-reset:hover,
.action-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-glow) !important;
}

/* 状态标签已在全局CSS中定义 */

/* 文字颜色 */
.text-muted,
.help-text,
small {
    color: var(--text-muted) !important;
}

/* 图标颜色 */
.search-icon,
.fa,
.fas,
.far,
.fab {
    color: var(--text-muted);
}

/* 空状态 */
.empty-state,
.no-data {
    color: var(--text-muted) !important;
}

/* Placeholder */
::placeholder {
    color: var(--text-disabled) !important;
    opacity: 1;
}

/* 分页器 */
.pagination {
    gap: 0.5rem;
}

.pagination button,
.pagination a {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.pagination button:hover,
.pagination a:hover {
    background: rgba(255, 118, 117, 0.1) !important;
    border-color: var(--primary) !important;
}

.pagination button.active,
.pagination a.active {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: white !important;
}

/* 模态框 */
.modal-content {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.modal-header {
    border-bottom: 1px solid var(--border-light) !important;
}

.modal-footer {
    border-top: 1px solid var(--border-light) !important;
}

/* 下拉菜单 */
.dropdown-menu {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-primary) !important;
}

.dropdown-item {
    color: var(--text-primary) !important;
}

.dropdown-item:hover {
    background: rgba(255, 118, 117, 0.1) !important;
}

/* 进度条 */
.progress {
    background: rgba(255, 255, 255, 0.1) !important;
}

.progress-bar {
    background: var(--primary-gradient) !important;
}

/* 工具提示 */
.tooltip-inner {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* 徽章 */
.badge {
    background: var(--primary) !important;
    color: white !important;
}

/* 统计卡片 */
.stat-value {
    color: var(--text-primary) !important;
}

.stat-label {
    color: var(--text-muted) !important;
}