/**
 * SDB 面板深色主题覆盖 - 特殊教育
 * 使底部 SDB 数据面板与页面黑色风格统一
 * 通过 #sdb-special-panel 提高特异性，覆盖 sdb-crud-engine 默认浅色样式
 */

/* 报表页：仅显示 KPIs + 图表，隐藏工具栏、表格、分页 */
#sdb-special-panel[data-view-mode="report"] .sdb-toolbar,
#sdb-special-panel[data-view-mode="report"] .sdb-table-wrap,
#sdb-special-panel[data-view-mode="report"] .sdb-paging {
  display: none !important;
}

/* 页面底栏：所有页面统一居中 */
.page-footer,
.page-footer p {
  text-align: center !important;
}

/* 面板根元素（sdb-section 类在 #sdb-special-panel 自身） */
#sdb-special-panel.sdb-section {
  background: var(--bg-secondary, #1a1f3a) !important;
  border-top-color: var(--color-primary, #00d4ff);
}

#sdb-special-panel .sdb-section-title {
  color: var(--text-primary, #ffffff) !important;
}

#sdb-special-panel .sdb-section-sub {
  color: var(--text-secondary, #b4b9d1) !important;
}

#sdb-special-panel .sdb-kpi {
  background: var(--bg-glass, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-color: var(--color-primary, #00d4ff);
}

#sdb-special-panel .sdb-kpi-num {
  color: var(--color-primary, #00d4ff) !important;
}

#sdb-special-panel .sdb-kpi-label {
  color: var(--text-secondary, #b4b9d1) !important;
}

#sdb-special-panel .sdb-chart-wrap {
  background: var(--bg-glass, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

#sdb-special-panel .sdb-chart-title {
  color: var(--text-primary, #ffffff) !important;
}

#sdb-special-panel .sdb-toolbar {
  background: var(--bg-glass, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

#sdb-special-panel .sdb-input,
#sdb-special-panel .sdb-select {
  background: var(--bg-input, rgba(255, 255, 255, 0.08)) !important;
  border-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
  color: var(--text-primary, #ffffff) !important;
}

#sdb-special-panel .sdb-input::placeholder {
  color: var(--text-tertiary, #6b7199) !important;
}

#sdb-special-panel .sdb-btn-sec {
  background: var(--bg-tertiary, #252b4d) !important;
  color: var(--text-secondary, #b4b9d1) !important;
  border-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
}

#sdb-special-panel .sdb-btn-sec:hover {
  background: var(--bg-glass-light, rgba(255, 255, 255, 0.08)) !important;
  border-color: var(--color-primary, #00d4ff) !important;
}

#sdb-special-panel .sdb-table-wrap {
  background: var(--bg-glass, rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

#sdb-special-panel .sdb-table tbody tr {
  border-bottom-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
}

#sdb-special-panel .sdb-table tbody tr:hover {
  background: var(--bg-glass-light, rgba(255, 255, 255, 0.08)) !important;
}

#sdb-special-panel .sdb-table td {
  color: var(--text-secondary, #b4b9d1) !important;
}

#sdb-special-panel .sdb-empty {
  color: var(--text-tertiary, #6b7199) !important;
}

#sdb-special-panel .sdb-pg-btn {
  background: var(--bg-tertiary, #252b4d) !important;
  border-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
  color: var(--text-secondary, #b4b9d1) !important;
}

#sdb-special-panel .sdb-pg-btn:hover:not(:disabled) {
  border-color: var(--color-primary, #00d4ff) !important;
  color: var(--color-primary, #00d4ff) !important;
}

#sdb-special-panel .sdb-pg-info {
  color: var(--text-tertiary, #6b7199) !important;
}

/* 弹框深色（页面为深色主题时，SDB 弹框也统一深色） */
.sdb-modal-overlay .sdb-modal {
  background: var(--bg-secondary, #1a1f3a) !important;
  border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.sdb-modal-overlay .sdb-modal-title {
  color: var(--text-primary, #ffffff) !important;
}

.sdb-modal-overlay .sdb-modal-close {
  color: var(--text-secondary, #b4b9d1) !important;
}

.sdb-modal-overlay .sdb-form-group label {
  color: var(--text-secondary, #b4b9d1) !important;
}

.sdb-modal-overlay .sdb-form-group input,
.sdb-modal-overlay .sdb-form-group select,
.sdb-modal-overlay .sdb-form-group textarea {
  background: var(--bg-input, rgba(255, 255, 255, 0.08)) !important;
  border-color: var(--border-color, rgba(255, 255, 255, 0.1)) !important;
  color: var(--text-primary, #ffffff) !important;
}

.sdb-modal-overlay .sdb-readonly-field {
  background: var(--bg-tertiary, #252b4d) !important;
  color: var(--text-tertiary, #6b7199) !important;
}

.sdb-modal-overlay .sdb-autofill-hint {
  background: rgba(0, 255, 136, 0.15) !important;
  border-left-color: var(--color-success, #00ff88) !important;
  color: var(--color-success, #00ff88) !important;
}

/* 编辑按钮在深色下的样式 */
#sdb-special-panel .sdb-btn-edit {
  background: rgba(0, 212, 255, 0.2) !important;
  color: var(--color-primary, #00d4ff) !important;
}

#sdb-special-panel .sdb-btn-edit:hover {
  background: rgba(0, 212, 255, 0.3) !important;
}