.quotation-status .status-blue, .quotation-detail .wf-status.status-blue { background: #eff6ff; color: #1d4ed8; }
.quotation-status .status-indigo, .quotation-detail .wf-status.status-indigo { background: #eef2ff; color: #4338ca; }
.quotation-status .status-orange, .quotation-detail .wf-status.status-orange { background: #fff7ed; color: #c2410c; }
.quotation-status .status-cyan, .quotation-detail .wf-status.status-cyan { background: #ecfeff; color: #0e7490; }
.quotation-status .status-amber, .quotation-detail .wf-status.status-amber { background: #fffbeb; color: #92400e; }
.quotation-status .status-purple, .quotation-detail .wf-status.status-purple { background: #f3e8ff; color: #7e22ce; }
.quotation-status .status-green, .quotation-detail .wf-status.status-green { background: #f0fdf4; color: #15803d; }
.quotation-status .status-red, .quotation-detail .wf-status.status-red { background: #fef2f2; color: #b91c1c; }
.quotation-status .status-slate, .quotation-detail .wf-status.status-slate { background: #f1f5f9; color: #475569; }

.quotation-detail .wf-stepper ol {
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  min-width: 840px;
}
.quotation-detail .wf-info-grid dd {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.quotation-document-note {
  padding: 0 18px 14px;
}
.quotation-workflow-notice {
  margin: 0 0 16px;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--brand-soft);
  color: var(--text);
  line-height: 1.7;
}