/* 局部样式避免覆盖既有业务页。手机保留可读菜单文字。 */
.wb-page { display:grid; gap:20px; color:#172b4d; }
.wb-welcome { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.wb-welcome h2 { font-size:26px; margin:6px 0 8px; font-weight:650; }
.wb-welcome p,.wb-card-head p { margin:0; color:#67778f; font-size:14px; }
.wb-eyebrow { font-size:12px; color:#687b96; letter-spacing:.3px; }
.wb-card { background:white; border:1px solid #e6ebf2; border-radius:14px; box-shadow:0 3px 10px #253b5510; min-width:0; overflow:hidden; }
.wb-card-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:22px 24px 16px; }
.wb-card h3 { margin:0 0 6px; font-size:17px; }
.wb-page .wb-link { color:#2563eb; border:none; background:transparent; padding:8px 0; white-space:nowrap; }
.wb-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.wb-metric { padding:20px 24px; border-radius:12px; background:white; border:1px solid #e6ebf2; display:grid; gap:8px; min-width:0; }
.wb-metric>span { font-size:13px; color:#62748d; }
.wb-metric strong { font-size:27px; color:#1f3559; overflow-wrap:anywhere; line-height:1.25; }
.wb-metric small { color:#697b93; font-size:12px; }
.wb-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 24px 24px; }
.wb-page .wb-shortcut { padding:16px; display:flex; text-align:left; align-items:center; gap:12px; background:#f8faff; border:1px solid #e8eef8; border-radius:10px; color:#213c61; min-width:0; height:auto; }
.wb-shortcut:hover { background:#eff5ff; border-color:#adc7f9; }
.wb-shortcut>span:nth-child(2) { flex:1; min-width:0; }
.wb-shortcut strong { display:block; font-size:14px; }
.wb-shortcut small { display:block; font-size:12px; color:#667a97; margin-top:5px; line-height:1.5; }
.wb-shortcut-icon { display:grid; place-items:center; width:40px; height:40px; background:#e9f1ff; color:#2563eb; border-radius:10px; flex-shrink:0; }
.wb-shortcut-icon svg { width:22px; height:22px; }
.wb-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
.wb-list { padding:0 24px 12px; }
.wb-task,.wb-project { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid #eef1f6; }
.wb-task:last-child,.wb-project:last-child { border-bottom:none; }
.wb-task>div,.wb-project>div { flex:1; min-width:0; }
.wb-page h4 { font-size:14px; margin:5px 0; font-weight:600; overflow-wrap:anywhere; }
.wb-task p,.wb-project p { margin:0; color:#6b7b91; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.wb-task>button,.wb-project>button { flex-shrink:0; font-size:12px; }
.wb-empty { text-align:center; padding:30px 24px 36px; color:#687c95; display:grid; justify-items:center; gap:10px; }
.wb-empty svg { width:32px; height:32px; color:#9caec5; }
.wb-empty strong { font-size:14px; font-weight:500; }
.wb-empty p { margin:0; font-size:12px; line-height:1.7; }
.wb-guide { padding:20px 24px; background:#f0f6ff; border:1px solid #dae7fb; border-radius:12px; display:flex; gap:24px; align-items:center; justify-content:space-between; }
.wb-guide h3 { margin:7px 0; font-size:16px; }
.wb-guide p { margin:0; color:#556c8e; line-height:1.7; font-size:13px; }
.wb-guide-actions { display:flex; gap:8px; flex-shrink:0; }
#wbGuide:empty { display:none; }
.wb-recent { padding:0 24px 20px; }
.wb-page .wb-record { display:flex; align-items:center; gap:14px; width:100%; background:white; border:none; border-top:1px solid #edf1f7; border-radius:0; padding:16px 0; height:auto; text-align:left; }
.wb-record:hover { background:#f8faff; }
.wb-record>span:nth-child(2) { flex:1; min-width:0; }
.wb-record strong { display:block; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.wb-record small { color:#71829a; display:block; margin-top:4px; }
.wb-record-type { font-size:12px; color:#3865a6; background:#f0f5fc; border-radius:6px; padding:6px 10px; }
.wb-footer,.wb-note { font-size:12px; color:#697b93; margin:0; line-height:1.7; }
.wb-help { padding:26px; color:#233a5a; }
#usageHelp { max-width:620px; width:calc(100% - 32px); padding:0; max-height:85dvh; border:1px solid #e3eaf5; border-radius:16px; overflow:auto; }
#usageHelp::backdrop { background:#10264755; }
.wb-help header { display:flex; gap:16px; align-items:center; justify-content:space-between; }
.wb-help h2 { font-size:20px; margin:5px 0 0; }
.wb-help header button { font-size:22px; padding:4px 12px; }
.wb-help h3 { font-size:15px; margin:0 0 12px; }
.wb-help>p,.wb-help section p,.wb-help li { font-size:13px; line-height:1.8; color:#62748e; }
.wb-help section { padding:20px 0; border-top:1px solid #edf1f6; }
.wb-help ol { margin:0; padding-left:20px; }
.wb-help li+li { margin-top:8px; }
.wb-help details { padding:10px 0; }
.wb-help summary { cursor:pointer; font-size:13px; }
.wb-help details p { margin:8px 0 0; }
.wb-help-legend { display:flex; gap:8px; flex-wrap:wrap; }
.wb-help footer { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; flex-wrap:wrap; }
/* 工作台信息密度：审批和项目优先，快捷操作保持一行紧凑入口。 */
.wb-page { gap:16px; }
.wb-welcome { gap:12px; justify-content:space-between; }
.wb-welcome>strong { font-size:15px; font-weight:550; }
.wb-welcome>span { color:#6b7d93; font-size:12px; }
.wb-page .wb-metric { text-align:left; color:#213b5f; font-weight:400; cursor:pointer; height:auto; padding:18px 20px; gap:6px; background:white; white-space:normal; }
.wb-page .wb-metric:hover:not(:disabled),.wb-page .wb-metric[aria-pressed="true"] { background:#f4f8ff; border-color:#a9c6f7; }
.wb-page .wb-metric:disabled { cursor:default; opacity:1; }
.wb-metric>span { display:flex; justify-content:space-between; gap:10px; }
.wb-metric-arrow { color:#9cacc3; font-size:14px; }
.wb-metric:disabled .wb-metric-arrow { visibility:hidden; }
.wb-metric small { font-size:11px; line-height:1.6; }
.wb-columns { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
.wb-card-head { padding:18px 22px 12px; }
.wb-card-head h3 { margin:0; }
.wb-card-head p:empty { display:none; }
.wb-filters { display:flex; flex-wrap:wrap; gap:6px; padding:0 22px 10px; border-bottom:1px solid #eef2f7; }
.wb-page .wb-filters button { background:transparent; border:1px solid transparent; border-radius:7px; padding:6px 8px; font-size:12px; height:auto; min-height:32px; color:#65758b; display:flex; align-items:center; gap:7px; }
.wb-filters button>span { font-size:11px; color:#7487a0; }
.wb-page .wb-filters button[aria-pressed="true"] { background:#edf4ff; color:#2563eb; border-color:#dfebff; }
.wb-task,.wb-project { padding:14px 0; }
.wb-task-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.wb-task-meta>span:not(.tag) { color:#8794a7; font-size:11px; }
.wb-task h4 { margin:6px 0; }
.wb-task p,.wb-next-step { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wb-project-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:5px; }
.wb-project-heading h4 { margin:0; }
.wb-project-heading .tag { flex-shrink:0; }
.wb-project .wb-next-step { margin-top:6px; color:#6b80a0; }
.wb-page .wb-show-more { border:0; background:#f8faff; color:#3865a6; font-size:12px; border-radius:0; width:100%; padding:10px 16px; }
.wb-shortcuts { grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 22px 16px; gap:10px; }
.wb-page .wb-shortcut { padding:10px 12px; min-height:48px; background:white; }
.wb-shortcut-icon { width:30px; height:30px; border-radius:7px; }
.wb-shortcut-icon svg { width:18px; height:18px; }
.wb-shortcut small { display:none; }
.wb-shortcut strong { font-size:13px; font-weight:550; }
.wb-personal { margin:0 22px 16px; border-top:1px solid #edf1f7; }
.wb-personal summary { cursor:pointer; font-size:12px; color:#526d92; padding-top:12px; }
.wb-personal summary>span { margin-left:10px; color:#91a0b4; }
.wb-personal .wb-shortcuts { padding:12px 0 0; }
.wb-recent-empty { margin:0; padding:2px 22px 18px; color:#8b99ad; font-size:12px; }
.wb-guide { padding:14px 20px; }
.wb-guide h3 { font-size:14px; }
.wb-guide p { font-size:12px; }
.wb-page button:focus-visible,.wb-help button:focus-visible { outline:3px solid #a9c7ff; outline-offset:3px; }
#navigationToggle { display:none; }
#exportBtn[hidden] { display:none!important; }
.oa-optional { border:1px solid #e3eaf4; border-radius:8px; padding:12px; }
.oa-optional summary { cursor:pointer; color:#586d8b; font-size:13px; }
.oa-optional .field { margin-top:10px; }
@media (max-width:1100px) {
  .wb-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wb-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wb-columns { grid-template-columns:1fr; }
  .wb-guide { align-items:stretch; flex-direction:column; gap:14px; }
  .wb-guide-actions { align-self:flex-end; }
}
@media (max-width:720px) {
  #navigationToggle { display:inline-flex; }
  body:not(.oa-nav-open) .sidebar #nav { display:none; }
  .sidebar #nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sidebar .nav-group { display:block; }
  .sidebar .nav-group-title { display:block; font-size:12px; }
  .sidebar #nav button { display:flex; justify-content:flex-start; gap:8px; padding:8px; width:100%; }
  .sidebar #nav button span { display:inline; font-size:12px; }
  .wb-welcome { align-items:flex-start; gap:5px; flex-direction:column; }
  .wb-welcome h2 { font-size:22px; }
  .wb-metrics { gap:10px; }
  .wb-page .wb-metric { padding:14px; }
  .wb-metric strong { font-size:20px; }
  .wb-shortcuts { grid-template-columns:1fr; padding:0 16px 16px; }
  .wb-personal { margin-left:16px; margin-right:16px; }
  .wb-personal summary>span { margin-left:4px; }
  .wb-filters { padding-left:12px; padding-right:12px; }
  .wb-metric small { font-size:11px; }
  .wb-card-head { padding:18px 16px 12px; }
  .wb-card-head p { font-size:12px; }
  .wb-card-head { align-items:flex-start; }
  .wb-list,.wb-recent { padding-left:16px; padding-right:16px; }
  .wb-project { flex-wrap:wrap; }
  .wb-project>div { flex-basis:100%; }
  .wb-guide { padding:18px 16px; }
  .wb-guide-actions { flex-wrap:wrap; }
  .wb-help { padding:20px; }
  .wb-record { flex-wrap:wrap; }
  .top-actions { flex-wrap:wrap; }
}