From 14379c4e592d33d44a1e699f5ea8d0f85ef1b120 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <caoxiaozhu@users.noreply.github.com>
Date: Wed, 13 May 2026 13:20:24 +0000
Subject: [PATCH] style(web): update travel reimbursement create view styles

- travel-reimbursement-create-view.css: update travel form styles
---
 .../travel-reimbursement-create-view.css      | 123 ++++++++++++++++++
 1 file changed, 123 insertions(+)

diff --git a/web/src/assets/styles/views/travel-reimbursement-create-view.css b/web/src/assets/styles/views/travel-reimbursement-create-view.css
index caeaf2b..92225e7 100644
--- a/web/src/assets/styles/views/travel-reimbursement-create-view.css
+++ b/web/src/assets/styles/views/travel-reimbursement-create-view.css
@@ -1788,6 +1788,14 @@
   margin-top: 12px;
 }
 
+.review-summary {
+  margin: 0;
+  color: #1f2937;
+  font-size: 13px;
+  line-height: 1.75;
+  white-space: pre-line;
+}
+
 .review-card-shell {
   display: grid;
   gap: 12px;
@@ -1807,6 +1815,84 @@
   border-top: 1px solid rgba(226, 232, 240, 0.72);
 }
 
+.review-disclosure-card {
+  display: grid;
+  gap: 0;
+  border-top: 1px solid rgba(226, 232, 240, 0.72);
+  padding-top: 6px;
+}
+
+.review-disclosure-card summary {
+  list-style: none;
+}
+
+.review-disclosure-card summary::-webkit-details-marker {
+  display: none;
+}
+
+.review-disclosure-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+  border-radius: 16px;
+  border: 1px solid rgba(226, 232, 240, 0.92);
+  background: rgba(255, 255, 255, 0.78);
+  cursor: pointer;
+  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
+}
+
+.review-disclosure-summary:hover {
+  border-color: rgba(16, 185, 129, 0.2);
+  background: rgba(255, 255, 255, 0.92);
+  box-shadow: 0 6px 16px rgba(226, 232, 240, 0.24);
+}
+
+.review-disclosure-copy {
+  min-width: 0;
+  display: grid;
+  gap: 4px;
+}
+
+.review-disclosure-copy strong {
+  color: #0f172a;
+  font-size: 12px;
+  font-weight: 900;
+  line-height: 1.4;
+}
+
+.review-disclosure-copy p {
+  margin: 0;
+  color: #64748b;
+  font-size: 11px;
+  line-height: 1.55;
+}
+
+.review-disclosure-toggle {
+  width: 28px;
+  height: 28px;
+  flex: none;
+  display: grid;
+  place-items: center;
+  border-radius: 999px;
+  background: rgba(240, 253, 244, 0.86);
+  color: #059669;
+  font-size: 16px;
+  transition: transform 0.18s ease, background 0.18s ease;
+}
+
+.review-disclosure-card[open] .review-disclosure-toggle {
+  transform: rotate(180deg);
+  background: rgba(220, 252, 231, 0.92);
+}
+
+.review-disclosure-body {
+  display: grid;
+  gap: 10px;
+  padding: 12px 4px 0;
+}
+
 .review-card-head {
   display: flex;
   align-items: flex-start;
@@ -1954,6 +2040,43 @@
   color: #047857;
 }
 
+.review-risk-brief-list {
+  display: grid;
+  gap: 8px;
+}
+
+.review-risk-brief {
+  display: grid;
+  gap: 4px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  border: 1px solid rgba(226, 232, 240, 0.9);
+  background: rgba(255, 255, 255, 0.84);
+}
+
+.review-risk-brief strong {
+  color: #0f172a;
+  font-size: 12px;
+  font-weight: 850;
+}
+
+.review-risk-brief p {
+  margin: 0;
+  color: #475569;
+  font-size: 11px;
+  line-height: 1.6;
+}
+
+.review-risk-brief.warning {
+  border-color: rgba(251, 146, 60, 0.22);
+  background: rgba(255, 247, 237, 0.88);
+}
+
+.review-risk-brief.high {
+  border-color: rgba(248, 113, 113, 0.26);
+  background: rgba(254, 242, 242, 0.92);
+}
+
 .review-pending-list {
   display: grid;
   gap: 8px;