/* ===================== wb_settings_ui.css =====================
 * 系统设置页（基础数据管理 / 权限管理 / 登录权限 / 用户管理）浅色化
 * @@ settings-ui @@ 20261004
 * ---------------------------------------------------------------------------
 * 该页（Settings-DLP3Uo7d.css，scoped [data-v-88ee69b1]）里有多处写死的
 * 深色值：卡片/表格/登录日志容器 background:#0f172a66/#0f172a33，分隔线
 * #ffffff0d/#ffffff05，以及新增员工账号模态框整体 #0f172a。这些在浅色主题
 * 下显得灰暗、与全站青绿清爽风不一致。
 *
 * 本文件只做「色彩覆盖层」，DOM/逻辑/字号一行未动；选择器全部挂在
 * :root[data-theme="green"] #app 之下（与 wb_theme.css 落地层同口径），
 * 切到深色主题时本段整块失效，页面回到打包产物自带的原生深色样式，
 * 与改造前一致。回滚：删掉 index.html 里 wb_settings_ui.css 这一行即可。
 * ========================================================================= */

/* —— 基础数据管理：卡片（合同账期 / 信用等级 / 所属业务员 …） —— */
:root[data-theme="green"] #app .data-card[data-v-88ee69b1] {
  background: var(--card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
  color: var(--text-primary);
}

/* —— 登录权限：登录日志容器 —— */
:root[data-theme="green"] #app .login-log-container[data-v-88ee69b1] {
  background: var(--card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
}

/* —— 用户管理：用户表格容器 —— */
:root[data-theme="green"] #app .user-table-wrapper[data-v-88ee69b1] {
  background: var(--card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
}

/* —— 列表/日志行的深色描边 → 浅色分割线 —— */
:root[data-theme="green"] #app .data-list-item[data-v-88ee69b1] {
  border-bottom: 1px solid var(--border-color);
}
:root[data-theme="green"] #app .log-row[data-v-88ee69b1] {
  border-bottom: 1px solid var(--border-color);
}

/* —— 用户表格：表头底色 + 行 hover —— */
:root[data-theme="green"] #app .user-table th[data-v-88ee69b1] {
  background: var(--thead-bg);
  color: var(--text-secondary);
}
:root[data-theme="green"] #app .user-table tr:hover[data-v-88ee69b1] {
  background: var(--row-hover);
}

/* —— 分页按钮：深色底 → 浅色按钮 —— */
:root[data-theme="green"] #app .p-btn[data-v-88ee69b1] {
  background: var(--card);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
}
:root[data-theme="green"] #app .p-btn[data-v-88ee69b1]:hover:not(:disabled) {
  border-color: var(--accent-color);
  color: var(--accent-color);
}
:root[data-theme="green"] #app .p-btn[data-v-88ee69b1].active {
  background: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}

/* —— 新增员工账号 模态框整体浅色化 —— */
:root[data-theme="green"] #app .user-modal-container[data-v-88ee69b1] {
  background: var(--card);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  box-shadow: var(--shadow-lg);
}
:root[data-theme="green"] #app .user-modal-header[data-v-88ee69b1] {
  border-bottom: 1px solid var(--border-color);
}
:root[data-theme="green"] #app .user-modal-header h3[data-v-88ee69b1] {
  color: var(--text-primary);
}
:root[data-theme="green"] #app .close-btn[data-v-88ee69b1] {
  color: var(--text-secondary);
}
:root[data-theme="green"] #app .form-item label[data-v-88ee69b1] {
  color: var(--text-secondary);
}
:root[data-theme="green"] #app .form-item input[data-v-88ee69b1],
:root[data-theme="green"] #app .form-item select[data-v-88ee69b1] {
  color: var(--text-primary);
  background: var(--card);
  border: 1px solid var(--border-color);
}
:root[data-theme="green"] #app .form-item input[data-v-88ee69b1]:focus,
:root[data-theme="green"] #app .form-item select[data-v-88ee69b1]:focus {
  border-color: var(--accent-color);
  background: var(--card);
}
:root[data-theme="green"] #app .status-selector label[data-v-88ee69b1] {
  color: var(--text-secondary);
  background: var(--gray-weak);
  border: 1px solid var(--border-color);
}
:root[data-theme="green"] #app .status-selector label.active[data-v-88ee69b1] {
  color: #fff;
  background: var(--accent-color);
  border-color: var(--accent-color);
}
:root[data-theme="green"] #app .form-hint[data-v-88ee69b1] {
  color: var(--text-secondary);
}
:root[data-theme="green"] #app .user-modal-footer[data-v-88ee69b1] {
  border-top: 1px solid var(--border-color);
}
:root[data-theme="green"] #app .password-form-box[data-v-88ee69b1] {
  background: var(--gray-weak);
  border: 1px solid var(--border-color);
  box-shadow: none;
}

/* —— 权限管理：角色增删按钮（原 #fff3 在浅色下几乎不可见） —— */
:root[data-theme="green"] #app .role-del-btn[data-v-88ee69b1],
:root[data-theme="green"] #app .role-rename-btn[data-v-88ee69b1] {
  color: var(--text-secondary);
}

/* —— 页面描述文字：原 #64748b 偏蓝灰，统一到主题三级文字 —— */
:root[data-theme="green"] #app .settings-desc[data-v-88ee69b1] {
  color: var(--text-secondary);
}