feat(web): 优化差旅详情、风险建议卡片与文档中心交互

- 拆分阶段风险建议卡片样式到独立文件
- 完善差旅申请审批对话框与详情视图交互
- 调整文档中心列表共享样式与状态筛选
- 同步应用外壳、视图初始化与系统状态 composables

web/src/assets/styles/views/documents-center-view.css

@@ -24,7 +24,7 @@
 .col-title { width: 16%; }
 .col-amount { width: 9%; }
 .col-node { width: 12%; }
-.col-status { width: 8%; }
+.col-risk { width: 8%; }
 .col-updated { width: 9%; }
 
 .new-document-badge {

web/src/assets/styles/views/travel-request-detail-view.css

@@ -2059,36 +2059,45 @@
   gap: 12px;
 }
 
-.risk-override-nav {
+.risk-override-card-shell {
   display: grid;
-  grid-template-columns: 34px minmax(0, 1fr) 34px;
-  align-items: center;
-  gap: 8px;
+  grid-template-columns: 28px minmax(0, 1fr) 28px;
+  align-items: stretch;
+  gap: 6px;
 }
 
-.risk-override-nav span {
+.risk-override-side-nav {
+  width: 28px;
+  min-height: 76px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  align-self: stretch;
+  border: 1px solid #dbe3ee;
+  border-radius: 4px;
+  background: #f8fafc;
+  color: #475569;
+  font-size: 16px;
+}
+
+.risk-override-side-nav:not(:disabled):hover {
+  border-color: #b8c5d6;
+  background: #eef4fb;
+  color: #1e293b;
+}
+
+.risk-override-side-nav:disabled {
+  cursor: not-allowed;
+  opacity: .48;
+}
+
+.risk-override-index {
   display: inline-flex;
   justify-content: center;
   color: #64748b;
   font-size: 12px;
   font-weight: 850;
-}
-
-.risk-override-nav-btn {
-  width: 34px;
-  height: 34px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid #e2e8f0;
-  border-radius: 4px;
-  background: #fff;
-  color: #475569;
-}
-
-.risk-override-nav-btn:disabled {
-  cursor: not-allowed;
-  opacity: .48;
+  line-height: 1;
 }
 
 .risk-override-card {
@@ -2135,6 +2144,26 @@
   line-height: 1.6;
 }
 
+.risk-override-notes {
+  display: grid;
+  gap: 6px;
+  padding-top: 8px;
+  border-top: 1px dashed #cbd5e1;
+}
+
+.risk-override-notes span {
+  color: #64748b;
+  font-size: 11px;
+  font-weight: 850;
+}
+
+.risk-override-notes strong {
+  color: #0f172a;
+  font-size: 12px;
+  font-weight: 780;
+  line-height: 1.55;
+}
+
 .risk-override-guidance {
   display: grid;
   gap: 4px;