style(web): update chat and travel reimbursement styles

- chat-view.css: update chat view styling
- travel-reimbursement-create-view.css: update travel reimbursement form styles

web/src/assets/styles/views/travel-reimbursement-create-view.css

@@ -232,6 +232,147 @@
   font-size: 14px;
 }
 
+.message-meta-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.message-meta-chip,
+.capability-chip,
+.risk-chip,
+.message-risk-chip,
+.message-action-chip {
+  min-height: 28px;
+  display: inline-flex;
+  align-items: center;
+  padding: 0 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.message-meta-chip,
+.capability-chip {
+  background: #eef6ff;
+  color: #1d4ed8;
+}
+
+.risk-chip,
+.message-risk-chip {
+  background: #fff1f2;
+  color: #be123c;
+}
+
+.message-action-chip {
+  background: #ecfdf5;
+  color: #059669;
+}
+
+.message-detail-block {
+  margin-top: 12px;
+  display: grid;
+  gap: 8px;
+}
+
+.message-detail-block > strong {
+  color: #0f172a;
+  font-size: 12px;
+  font-weight: 850;
+}
+
+.message-detail-chip-row,
+.capability-chip-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.message-citation-list,
+.citation-stack,
+.action-list {
+  display: grid;
+  gap: 10px;
+}
+
+.message-citation-card,
+.citation-card,
+.action-card {
+  padding: 12px 14px;
+  border: 1px solid #e2e8f0;
+  border-radius: 16px;
+  background: #f8fbff;
+}
+
+.message-citation-card header,
+.citation-card header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 6px;
+}
+
+.message-citation-card header span,
+.citation-card header strong,
+.action-card strong {
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 850;
+}
+
+.message-citation-card header small,
+.citation-card header span {
+  color: #64748b;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.message-citation-card p,
+.citation-card p,
+.action-card p,
+.draft-preview pre {
+  margin: 0;
+  color: #475569;
+  font-size: 12px;
+  line-height: 1.65;
+}
+
+.draft-preview {
+  margin-top: 12px;
+  padding: 12px 14px;
+  border: 1px solid #dbe3ec;
+  border-radius: 16px;
+  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+}
+
+.draft-preview header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
+.draft-preview header strong {
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 850;
+}
+
+.draft-preview header span {
+  color: #b45309;
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.draft-preview pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: inherit;
+}
+
 .message-files,
 .composer-files {
   display: flex;
@@ -294,6 +435,10 @@
   outline: none;
 }
 
+.composer-shell textarea:disabled {
+  color: #94a3b8;
+}
+
 .composer-foot {
   display: flex;
   align-items: center;
@@ -324,6 +469,11 @@
   font-size: 20px;
 }
 
+.tool-btn:disabled {
+  opacity: 0.48;
+  cursor: not-allowed;
+}
+
 .composer-tip {
   color: #94a3b8;
   font-size: 12px;
@@ -591,6 +741,10 @@
   font-weight: 850;
 }
 
+.action-card {
+  background: #fff;
+}
+
 .receipt-row p,
 .receipt-row span {
   color: #64748b;