/* ==========================================================================
 * wb_returns_ui.css   @@ wb-returns-light 20261004a @@
 *
 * 目标（用户需求 20261004）：
 *   ① 退件管理列表：操作栏「打印 / 审核」按钮白字透明底（深色主题遗留），
 *      浅色主题下几乎隐形 -> 改浅色底 + 深色图标（对齐「编辑」钮的浅绿圆钮风格）；
 *      「未支付 / 已通过 / 驳回」等状态徽章文字过淡 -> 加深。
 *   ② 添加/编辑退件弹窗（.target-modal）深蓝黑底 -> 白底深字浅灰边
 *      （与客户管理弹窗 wb_customer_ui.css 同一风格）。
 *
 * 作用范围：仅青绿主题（:root[data-theme="green"]）下的退件管理页面元素。
 *
 * ── 为什么全带 :root[data-theme="green"] #app 前缀 ──────────────────────
 * wb_theme.css 的绿色主题段有一批同前缀超高特异性规则（如 .btn-delete 背景
 * var(--red)!important），不带同款前缀压不住；带同款前缀且选择器更长即稳赢。
 *
 * ── 为什么用裸 class、不带 data-v hash ─────────────────────────────────
 * .target-modal 是打包产物里的模块级常量对象（je={class:'target-modal'}），
 * 编译期加不上 scopeId、运行时也不补 —— 带 [data-v-xxx] 的选择器会整片
 * 静默失效（此前 .modal-container 已实测坐实）。
 *
 * 回滚：删除 index.html 里 <link ... /wb_returns_ui.css ...> 那一行即可。
 * ========================================================================== */

/* ─────────── 1. 操作栏按钮 ─────────── */
/* 打印：浅蓝底 + 深蓝图标（原白字透明底，白底页面上隐形） */
:root[data-theme="green"] #app .btn-action.btn-print {
  background: #e8f0fe !important;
  color: #1d4ed8 !important;
  border: 1px solid #c7dbfc !important;
}
:root[data-theme="green"] #app .btn-action.btn-print:hover {
  background: #dbeafe !important;
  color: #1e40af !important;
}
/* 审核：浅琥珀底 + 深琥珀图标（原白字透明底，隐形） */
:root[data-theme="green"] #app .btn-action.btn-audit {
  background: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}
:root[data-theme="green"] #app .btn-action.btn-audit:hover {
  background: #fde68a !important;
  color: #92400e !important;
}
/* 操作钮统一圆角（对齐编辑/删除钮形状） */
:root[data-theme="green"] #app .btn-action {
  border-radius: 8px !important;
}

/* ─────────── 2. 状态徽章文字加深（保持浅色徽章风格） ─────────── */
/* 未支付 / 待审核（warning：浅黄） */
:root[data-theme="green"] #app .status-tag.warning {
  color: #92400e !important;
  background: #fef3c7 !important;
  border-color: #fde68a !important;
}
/* 已通过 / 已支付（success：浅绿） */
:root[data-theme="green"] #app .status-tag.success {
  color: #047857 !important;
  background: #d1fae5 !important;
  border-color: #a7f3d0 !important;
}
/* 驳回（danger：浅红） */
:root[data-theme="green"] #app .status-tag.danger {
  color: #b91c1c !important;
  background: #fee2e2 !important;
  border-color: #fecaca !important;
}

/* ─────────── 3. 添加/编辑退件弹窗（.target-modal）浅色化 ─────────── */
/* 容器：深蓝黑 -> 白底深字 */
:root[data-theme="green"] #app .target-modal {
  background: #ffffff !important;
  color: #1f2d2b !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, .18) !important;
}
/* 头部：浅灰底 + 深字标题 */
:root[data-theme="green"] #app .target-modal .modal-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e8edf3 !important;
}
:root[data-theme="green"] #app .target-modal .modal-header h3,
:root[data-theme="green"] #app .target-modal .modal-title-center h3 {
  color: #1f2d2b !important;
}
/* 关闭 ×：浅灰 -> hover 深 */
:root[data-theme="green"] #app .target-modal .btn-close {
  color: #94a3b8 !important;
}
:root[data-theme="green"] #app .target-modal .btn-close:hover {
  color: #334155 !important;
}
/* 表单 label：白字 -> 深灰 */
:root[data-theme="green"] #app .target-modal .modal-body label,
:root[data-theme="green"] #app .target-modal .modal-footer label {
  color: #475569 !important;
  font-weight: 500 !important;
}
/* 输入框：保持白底、加深字色与边框 */
:root[data-theme="green"] #app .target-modal .modal-body input,
:root[data-theme="green"] #app .target-modal .modal-body select,
:root[data-theme="green"] #app .target-modal .modal-body textarea {
  background: #ffffff !important;
  color: #1f2d2b !important;
  border: 1px solid #d1d5db !important;
}
:root[data-theme="green"] #app .target-modal .modal-body input:focus,
:root[data-theme="green"] #app .target-modal .modal-body select:focus,
:root[data-theme="green"] #app .target-modal .modal-body textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .12) !important;
  outline: none !important;
}
/* 可搜索下拉的结果面板 */
:root[data-theme="green"] #app .target-modal .search-results-dropdown {
  background: #ffffff !important;
  color: #1f2d2b !important;
  border: 1px solid #d1d5db !important;
}
/* 底部按钮条：浅灰底 */
:root[data-theme="green"] #app .target-modal .modal-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e8edf3 !important;
}
/* 弹窗内说明性小字兜底：跟随容器深字色 */
:root[data-theme="green"] #app .target-modal .modal-body p,
:root[data-theme="green"] #app .target-modal .modal-body small {
  color: #475569 !important;
}

/* ===== end wb-returns-light 20261004a ===== */


/* ==========================================================================
 * 20261004b 颜色收敛（用户反馈：界面颜色太杂）
 * 原则：全页收敛到主题绿 #009580 + 中性灰；红只留给「删除」与「驳回」语义。
 * ========================================================================== */

/* ─────────── A. 顶部按钮条：1 个主按钮 + 其余白底描边 ─────────── */
/* 主按钮：新增退件 = 主题绿实心 */
:root[data-theme="green"] #app .btn.btn-add {
  background: #009580 !important;
  color: #ffffff !important;
  border: 1px solid #009580 !important;
}
/* 次要按钮：搜索 / 导出报表 = 白底深字浅灰边 */
:root[data-theme="green"] #app .btn.btn-search,
:root[data-theme="green"] #app .btn.btn-export {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1px solid #d1d5db !important;
}
:root[data-theme="green"] #app .btn.btn-search:hover,
:root[data-theme="green"] #app .btn.btn-export:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}
/* 筛选组（待审核/已审核/驳回/全部）：深灰蓝底 -> 白底深字；active 主题绿 */
:root[data-theme="green"] #app .btn.btn-filter {
  background: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #d1d5db !important;
}
:root[data-theme="green"] #app .btn.btn-filter:hover {
  background: #f1f5f9 !important;
}
:root[data-theme="green"] #app .btn.btn-filter.active {
  background: #009580 !important;
  color: #ffffff !important;
  border-color: #009580 !important;
}

/* ─────────── B. 统计卡：6 色数字/圆点/进度条 -> 统一主题绿 ─────────── */
:root[data-theme="green"] #app .reason-card-num {
  color: #009580 !important;
}
:root[data-theme="green"] #app .reason-dot {
  background: #009580 !important;
}
:root[data-theme="green"] #app .reason-progress-fill {
  background: #009580 !important;
}
:root[data-theme="green"] #app .reason-card-name {
  color: #475569 !important;
}

/* ─────────── C. 操作栏：编辑/打印/审核统一浅绿圆钮，删除保留浅红 ─────────── */
:root[data-theme="green"] #app .btn-action.btn-edit,
:root[data-theme="green"] #app .btn-action.btn-print,
:root[data-theme="green"] #app .btn-action.btn-audit {
  background: #e6f4f1 !important;
  color: #007e6b !important;
  border: 1px solid #c8e6e0 !important;
}
:root[data-theme="green"] #app .btn-action.btn-edit:hover,
:root[data-theme="green"] #app .btn-action.btn-print:hover,
:root[data-theme="green"] #app .btn-action.btn-audit:hover {
  background: #d5ede8 !important;
}
:root[data-theme="green"] #app .btn-action.btn-delete {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
}
:root[data-theme="green"] #app .btn-action.btn-delete:hover {
  background: #fecaca !important;
}

/* ===== end 20261004b ===== */


/* ─────────── D. 可搜索下拉选项文字（20261004c：白底上白字隐形修复） ─────────── */
:root[data-theme="green"] #app .target-modal .search-results-dropdown .search-item {
  color: #1f2d2b !important;
}
/* hover/键盘高亮项保持蓝底白字 */
:root[data-theme="green"] #app .target-modal .search-results-dropdown .search-item:hover,
:root[data-theme="green"] #app .target-modal .search-results-dropdown .search-item.active,
:root[data-theme="green"] #app .target-modal .search-results-dropdown .search-item.hovering {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

/* ===== end 20261004c ===== */