/* 我的工作台：跨模块待办聚合（2026-08-31） */
.wb-section { margin-bottom: 22px; }
.wb-section:first-of-type { margin-top: 18px; }
.wb-section-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.wb-section-head h3 { margin: 0; font-size: 16px; color: #0f172a; }
.wb-todo-head h3 { font-size: 18px; }
.wb-section-head span { font-size: 13px; color: #667085; }

/* 2026-09-20：原为 flex 纵向 + width:100% → 每张卡横贯整屏、中间大片空白（"又长又空"），
   与 2026-09-13 售后页是同一问题（见 repair-flow.css 的 .rf-remind-card）。
   现改为 auto-fill 网格并排；卡内两行排布：第 1 行 标题 + 数字（数字居右），第 2 行 提示跨列靠左。
   窄屏（放不满 280px 一列）自动退化为单列，无需额外断点。 */
.wb-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.wb-card {
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  column-gap: 12px; row-gap: 3px;
  width: 100%;
  padding: 14px 16px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fff;
  font-family: inherit; text-align: left; cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}
.wb-card:hover { border-color: #347ff0; box-shadow: 0 2px 8px rgba(52, 127, 240, .12); }
.wb-card-label { font-size: 15px; font-weight: 700; color: #1f2937; }
.wb-card-count { font-size: 24px; font-weight: 700; color: #0b57b7; line-height: 1; text-align: right; }
/* 各模块待办数字区分色（2026-08-31）：订单蓝/报价绿/售后橙/工序紫/项目青/延期红；状态异常深红 */
.wb-count-order { color: #0b57b7; }
.wb-count-quote { color: #16734a; }
.wb-count-repair { color: #d97706; }
.wb-count-task { color: #7c3aed; }
.wb-count-project { color: #0e7490; }
.wb-count-procure { color: #b45309; }
.wb-count-overdue { color: #dc2626; }
.wb-count-state-issue { color: #b42318; }
.wb-card-hint { grid-column: 1 / -1; font-size: 13px; color: #98a2b3; }
.wb-card-hint:empty { display: none; }
.wb-empty { padding: 26px; text-align: center; color: #667085; background: #f8fafc; border: 1px dashed #d0d5dd; border-radius: 10px; }

.wb-shortcuts { display: flex; gap: 10px; flex-wrap: wrap; }
/* 通知偏好（2026-09-07） */
.wb-pref-list { display: flex; gap: 14px 22px; flex-wrap: wrap; padding: 4px 2px; }
.wb-pref-list label { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: #344054; cursor: pointer; }
.wb-pref-list input { accent-color: #347ff0; width: 15px; height: 15px; }
.wb-shortcut {
  padding: 9px 16px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff;
  color: #344054; font-family: inherit; font-size: 14px; cursor: pointer; transition: border-color .15s, color .15s;
}
.wb-shortcut:hover { border-color: #347ff0; color: #347ff0; }

/* 钉钉投递失败（2026-09-17 方案 D）：工作台提示行 +「查看明细」弹窗的逐条列表 */
.wb-pref-failures {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin-top: 10px; padding: 10px 12px; border: 1px solid #fecaca; border-radius: 8px;
  background: #fef2f2; font-size: 13px; color: #b42318;
}
.wb-pref-failures strong { font-size: 15px; }
.wb-pref-failures .link-button { color: #b42318; text-decoration: underline; }
.mz-dialog-fails { width: min(860px, 94vw); }
.nf-list { display: flex; flex-direction: column; gap: 8px; max-height: 52vh; overflow: auto; }
.nf-row {
  display: grid; grid-template-columns: 1fr auto; gap: 2px 12px;
  padding: 10px 12px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fcfcfd;
}
.nf-main { font-size: 14px; font-weight: 600; color: #1f2937; }
.nf-meta { font-size: 12px; }
.nf-reason { font-size: 13px; color: #b42318; }
/* 2026-09-17：重投改为"排期 10 分钟"后，明细行多一行"已排期：… 之后自动投递" */
.nf-scheduled { font-size: 12px; color: #1d4ed8; }
.nf-actions { grid-column: 2; grid-row: 1 / span 4; align-self: center; }

