/* theme-overrides.css - 主题兼容层
 * 作用：将 style.css 中仍残留的硬编码表面色（白底/灰底/灰边/深灰文字）
 *       统一重定向到主题语义变量，确保深色/护眼等主题下不出现突兀的白块。
 * 策略：用 html 前缀提升特异性（0,1,1 > 0,1,0），全部使用 var()，
 *       因此无需按主题重复编写，变量由 ThemeManager 在 :root 上注入。
 * 注意：语义色（成功绿/警告橙/危险红/维度徽章等）刻意保留原值，
 *       它们传递状态含义，跨主题保持一致更易识别。
 */

/* ===== 白底容器 → 卡片底色 ===== */
html .dimension-card,
html .search-dropdown,
html .type-dropdown,
html .tabs,
html .field-item,
html .notif-detail,
html .submission-form,
html .behavior-action-panel,
html .modal-header,
html .modal-footer,
html .drawer,
html .drawer-content,
html .drawer-header,
html .panel,
html .info-panel,
html .summary-panel,
html .chart-card,
html .detail-card,
html .form-card,
html .filter-card,
html .toolbar,
html .toolbar-bar,
html .action-bar,
html .list-panel,
html .settings-panel,
html .profile-card,
html .student-card,
html .class-card,
html .score-card,
html .analysis-card,
html .preview-card,
html .config-card,
html .import-card,
html .export-card .card-body,
html .collection-item,
html .mail-item,
html .appeal-item,
html .inspection-item,
html .record-item,
html .log-item,
html .task-item,
html .form-item,
html .plan-item,
html .option-item {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

/* ===== 弹层/下拉通用底色 ===== */
html .autocomplete-dropdown,
html .combobox-dropdown,
html .teacher-combobox-dropdown,
html .popup,
html .popover,
html .context-menu {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

/* ===== 灰底（表头/斑马纹/悬停）→ 中性色阶 ===== */
html .notif-detail-header,
html .section-divider,
html .divider {
    border-color: var(--border-color);
}

/* 通用浅灰背景区块 */
html .section-title-bar,
html .group-header,
html .thead,
html .table-header {
    background: var(--neutral-50);
    color: var(--text-color);
}

/* 列表项悬停态 */
html .collection-item:hover,
html .mail-item:hover,
html .appeal-item:hover,
html .inspection-item:hover,
html .record-item:hover,
html .log-item:hover,
html .task-item:hover,
html .form-item:hover,
html .plan-item:hover,
html .option-item:hover,
html .type-option:hover,
html .list-row:hover,
html .table-row:hover {
    background: var(--neutral-100);
}

/* ===== 文本色统一 ===== */
html .notif-detail-title,
html .detail-title,
html .panel-title,
html .card-title {
    color: var(--text-color);
}

/* ===== 表单控件（style.css 中散落的 input/textarea/select）===== */
html input[type="text"],
html input[type="number"],
html input[type="search"],
html input[type="date"],
html input[type="datetime-local"],
html input[type="email"],
html input[type="password"],
html input[type="tel"],
html textarea,
html select {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}
html input::placeholder,
html textarea::placeholder {
    color: var(--text-secondary);
    opacity: 0.7;
}

/* ===== 滚动条适配深色主题 ===== */
html[data-theme="dark"] *,
html[data-theme="ocean"] *,
html[data-theme="forest"] *,
html[data-theme="highcontrast"] * {
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
html[data-theme="dark"] *::-webkit-scrollbar-thumb,
html[data-theme="ocean"] *::-webkit-scrollbar-thumb,
html[data-theme="forest"] *::-webkit-scrollbar-thumb,
html[data-theme="highcontrast"] *::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
}
html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover,
html[data-theme="ocean"] *::-webkit-scrollbar-thumb:hover,
html[data-theme="forest"] *::-webkit-scrollbar-thumb:hover,
html[data-theme="highcontrast"] *::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}

/* ===== 大屏视图（ClassroomScreen）固定深色，不受主题切换影响 ===== */
html .classroom-screen,
html .classroom-screen * {
    /* 大屏自带完整深色皮肤，主题变量不覆盖其内部硬编码色 */
}