/* Shared visual hierarchy for the return and commissioning workspaces. */
:is(.return-page, .commission-page) {
  --bg: #f4f6f8;
  --muted: #5d6d79;
}
:is(.return-page, .commission-page) .flowdeck-greeting-header h1 {
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.35;
  letter-spacing: -.4px;
  font-weight: 600;
  color: #5d6d79;
}
:is(.return-page, .commission-page) .flowdeck-greeting-header p {
  font-size: 10px;
  letter-spacing: .16em;
  margin-bottom: 5px;
}
.return-page .return-list-head,
.commission-page #commissionHero {
  padding-bottom: 22px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dce3e8;
}
.return-page .return-list-head h1,
.commission-page #commissionHero h1 {
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.2;
  letter-spacing: -1px;
  margin: 6px 0 9px;
}
.return-page .return-list-head p:not(.eyebrow),
.commission-page #commissionHero > div > span {
  font-size: 14px;
  line-height: 1.6;
  color: #5d6d79;
}
.return-page .saved-lists,
.commission-page #projectPicker {
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}
.return-page .saved-list,
.commission-page #projectPicker .project-card {
  padding: 20px;
  border-radius: 14px;
  border-color: #dce3e8;
  box-shadow: 0 2px 5px #15222b04;
  gap: 14px;
}
.return-page .saved-list h3,
.commission-page #projectPicker .project-card h2 {
  font-size: 17px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
.return-page .saved-list header > div { flex-wrap: wrap; }
.commission-page #projectPicker .project-card { gap: 0; }
.commission-page #projectPicker .project-open { padding: 20px; gap: 14px; height: 100%; }
.commission-page #projectPicker .project-card-actions { flex-wrap: wrap; padding: 12px 16px; }
.commission-page #projectPicker .project-card-actions button { min-height: 36px; }
.commission-page #projectPicker .project-card:not(:has(.project-open)) { padding: 24px !important; }
.return-page .saved-list p { font-size: 12px; color: #5d6d79; }
.return-page .saved-list-metrics { flex-wrap: wrap; gap: 8px; }
.return-page .saved-list-metrics span { padding: 7px 9px; font-size: 12px; }
.return-page .saved-list-metrics b { font-variant-numeric: tabular-nums; font-size: 15px; }
.return-page .saved-list-actions { padding-top: 12px; border-top: 1px solid #edf0f3; }
.return-page .saved-list-actions button,
.return-page .saved-list-more > summary { min-height: 40px; font-size: 12px; }
.return-page .saved-list-actions .open-list { background: #e9f5f1; color: #116650; border-color: #bbdbd0; }
:is(.return-page .sidebar, .commission-page .commission-sidebar) .nav.active {
  background: #203c3c;
  color: #effff9;
  box-shadow: inset 3px 0 #54d2b6;
}
:is(.return-page, .commission-page) :is(button, a, summary, input, select):focus-visible {
  outline: 3px solid #247dba;
  outline-offset: 3px;
}
.return-page .saved-lists > .empty,
.commission-page #projectPicker > .empty {
  grid-column: 1 / -1;
  padding: 48px 24px;
  border: 1px dashed #bdcbd4;
  border-radius: 14px;
  background: #ffffffb3;
  color: #5d6d79;
  line-height: 1.6;
}
@media (hover: hover) {
  .return-page .saved-list:hover,
  .commission-page #projectPicker .project-card:hover {
    border-color: #8cbeb1;
    box-shadow: 0 5px 18px #15222b0a;
  }
}
@media (max-width: 700px) {
  .return-page .return-list-head,
  .commission-page #commissionHero { align-items: stretch; flex-direction: column; gap: 16px; padding-bottom: 18px; }
  .return-page .list-head-actions { justify-content: space-between; flex-wrap: wrap; }
  .commission-page #commissionHero .hero-actions { flex-wrap: wrap; gap: 12px; }
  .return-page .saved-list,
  .commission-page #projectPicker .project-card { padding: 16px; }
  .commission-page #projectPicker .project-open { padding: 16px; }
  .commission-page #projectPicker .project-card-actions button { min-height: 44px; }
  .return-page .saved-list-actions button,
  .return-page .saved-list-more > summary { min-height: 44px; }
}