.work-workflow-request-fields {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #ded8fa;
  border-radius: 11px;
  background: #faf9ff;
}
.work-workflow-request-fields:empty { display: none; }
.work-workflow-request-fields > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.work-workflow-request-fields > header strong { color: #4f459f; font-size: 11px; }
.work-workflow-request-fields > header small { color: #8b94a6; font-size: 8px; font-weight: 600; }
.work-workflow-request-fields > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.work-request-data > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.work-request-data > div > span { padding: 10px; border: 1px solid #e1e5ee; border-radius: 9px; background: #f8f9fc; }
.work-request-data small,.work-request-data b { display: block; }
.work-request-data small { color: #8994a6; font-size: 8px; }
.work-request-data b { margin-top: 5px; color: #344158; font-size: 10px; word-break: break-word; }
@media (max-width:700px) {
  .work-workflow-request-fields > div,.work-request-data > div { grid-template-columns: 1fr; }
}

.work-workflow-request-fields .work-procurement-head { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.work-workflow-request-fields > .work-procurement-table { display:block; }
.work-workflow-request-fields .work-procurement-head label:only-child { grid-column:1/-1; max-width:420px; }
.work-procurement-table { min-width:0; margin-top:12px; overflow-x:auto; border:1px solid #d9d6ff; border-radius:14px; background:#fff; }
.work-procurement-table table,.work-request-items table { width:100%; border-collapse:collapse; min-width:720px; }
.work-procurement-table th,.work-procurement-table td,.work-request-items th,.work-request-items td { padding:9px 8px; text-align:left; border-bottom:1px solid #ececf6; vertical-align:middle; }
.work-procurement-table th,.work-request-items th { color:#68708a; font-size:12px; background:#f8f8fc; }
.work-procurement-table select,.work-procurement-table input { width:100%; min-width:92px; height:38px; border:1px solid #dfe3ef; border-radius:9px; padding:0 9px; background:#fff; }
.work-procurement-table td:nth-child(2) select { min-width:220px; }
.work-procurement-table td:nth-child(5) { white-space:nowrap; }
.work-procurement-table td:last-child button { border:0; color:#dc4d62; background:#fff1f3; border-radius:8px; width:30px; height:30px; }
.work-procurement-table footer { display:flex; align-items:center; justify-content:flex-end; gap:18px; padding:12px; }
.work-procurement-table footer button { margin-right:auto; border:1px dashed #6b5be7; color:#5644cf; background:#f5f3ff; border-radius:9px; padding:8px 12px; }
.work-procurement-table footer strong { color:#4f3bd4; font-size:16px; }
.work-request-items { grid-column:1/-1; overflow-x:auto; margin-top:10px; }
.work-request-items td small { display:block; color:#9299aa; margin-top:3px; }
.work-request-items tfoot td { font-weight:700; background:#f7f6ff; }
@media (max-width:760px) { .work-workflow-request-fields .work-procurement-head { grid-template-columns:1fr; } }