.workflow-progress-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
  margin: 18px 0 26px;
  padding: 20px;
  border: 1px solid #b9ddd7;
  border-radius: 18px;
  background: #f1faf7;
}
.workflow-progress-card > div:not(.workflow-progress):not(.workflow-progress-copy) { display: flex; flex-direction: column; gap: 3px; }
.workflow-progress-card strong { color: #006f6b; font-size: 1.05rem; }
.workflow-progress-card span { color: #496a66; }
.workflow-progress-copy { grid-column: 1 / -1; font-weight: 700; }
.workflow-progress { grid-column: 1 / -1; height: 13px; overflow: hidden; border-radius: 999px; background: #d8e9e5; }
.workflow-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #078d86, #67b854); transition: width .45s ease; }
.workflow-service-card { margin: 20px 0; padding: 20px; border: 1px solid #c7dfda; border-radius: 18px; background: #fff; }
.workflow-shared { padding: 18px; border: 1px solid #8bd0a5; border-radius: 15px; background: #eaf9ef; }
.workflow-shared strong { color: #08743e; }
.workflow-shared p { margin: 8px 0; }
.workflow-route { display: inline-flex; margin-top: 5px; text-decoration: none; }
.workflow-close { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #dce8e5; }
.workflow-close h3, .workflow-rating h3 { margin: 0; }
.workflow-close .button { width: fit-content; }
.workflow-rating { margin-top: 18px; padding: 18px; border-radius: 15px; background: #fff9e7; }
.workflow-star { padding: 2px 5px; border: 0; background: transparent; color: #e7a800; font-size: 2rem; cursor: pointer; }
.admin-chat-monitor { margin-top: 24px; }
.admin-chat-row { display: grid; width: 100%; gap: 4px; margin: 9px 0; padding: 15px; border: 1px solid #c7dfda; border-radius: 13px; background: #f7fbfa; text-align: left; cursor: pointer; }
.admin-chat-row:hover { border-color: #078d86; background: #eef9f6; transform: translateY(-1px); }
.admin-chat-row span, .admin-chat-row small { color: #536d69; }
#admin-chat-detail { margin-top: 18px; }
.chat-locked { margin-top: 1rem; padding: 1rem 1.1rem; border: 1px solid #b8d6cf; border-radius: 14px; background: #edf7f4; color: #164d47; }
.chat-locked p { margin: .35rem 0 0; }
.admin-message { display: grid; gap: 3px; margin: 8px 0; padding: 12px; border-radius: 12px; background: #edf6f3; }
@media (max-width: 680px) {
  .workflow-progress-card { grid-template-columns: 1fr; padding: 16px; }
  .workflow-progress-card > *, .workflow-progress-copy, .workflow-progress { grid-column: 1; }
  .workflow-service-card { padding: 15px; }
  .workflow-close .button, .workflow-route { width: 100%; justify-content: center; }
}