/* The coach workflow uses Crewline's existing page, card, field and action components. */
.unit-workspace *, .unit-directory * { min-width: 0; box-sizing: border-box; }
.unit-context { display: grid; gap: 6px; font-size: .9rem; }
.unit-workspace .unit-seg { width: 100%; flex-wrap: wrap; }
.unit-workspace .unit-seg .btn { min-height: 44px; flex: 1 1 9rem; border: 0; color: var(--cs-text); background: transparent; white-space: normal; }
.unit-workspace .unit-seg .btn.on { color: var(--cs-text); background: var(--cs-surface); }
.unit-workspace h1 { overflow-wrap: anywhere; }
.unit-workspace .unit-finding { border-top: 1px solid var(--cs-sep-2); padding: 20px 0; }
.unit-workspace .unit-finding h3 { margin: 0 0 8px; }
.unit-workspace .unit-state { color: var(--cs-brand-text); font-weight: 600; }
.unit-workspace .unit-item-row { padding: 16px 0; border-bottom: 1px solid var(--cs-sep-2); }
.unit-workspace .unit-item-row > span { display: block; }
.unit-workspace .unit-form-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.unit-workspace summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-weight: 600; }
.unit-workspace details details { border-top: 1px solid var(--cs-sep-2); margin-top: 16px; }
.unit-workspace .sh-in, .unit-directory .sh-in { width: 100%; }
.unit-workspace .unit-history { padding-left: 20px; }
.unit-workspace .unit-history li { padding: 12px 0; border-bottom: 1px solid var(--cs-sep-2); }
.unit-workspace .unit-event-data { white-space: pre-wrap; overflow-wrap: anywhere; font: .875rem/1.5 var(--cs-font); color: var(--cs-text-2); }
.unit-workspace .unit-share-option { display: flex; align-items: start; gap: 10px; margin: 12px 0; }
.unit-workspace .unit-share-option input { width: 20px; height: 20px; flex: none; }
.unit-workspace .unit-finding-photo { display: block; max-width: 100%; height: auto; border-radius: var(--cw-r-sm); }
.unit-workspace .unit-photo { margin: 12px 0; }
.unit-workspace .btn { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.unit-tech-app { margin: 0 auto; }
.unit-tech-app .unit-tech-head { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }
body:has(.unit-workspace) .topbar-inner, body:has(.unit-workspace) .topbar-tools { flex-wrap: wrap; min-width: 0; max-width: 100%; }
@media (max-width: 760px) {
  .unit-workspace .unit-form-grid { grid-template-columns: minmax(0,1fr); }
  .unit-workspace .cw-head-tools { width: 100%; }
  body:has(:is(.unit-workspace,.unit-directory)) .foot-cols { grid-template-columns: minmax(0,1fr); }
  body:has(:is(.unit-workspace,.unit-directory)) .foot :is(a,p,b,span) { overflow-wrap: anywhere; min-width: 0; }
  body:has(:is(.unit-workspace,.unit-directory)) .nav { display: flex; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; gap: 0; max-width: 100%; }
  body:has(:is(.unit-workspace,.unit-directory)) .nav > a { flex: 1 0 4rem; min-width: 4rem; white-space: normal; }
  body:has(:is(.unit-workspace,.unit-directory)) .nav-label { white-space: normal; overflow-wrap: normal; }
}

/* Keep the first task obvious without a separate page or visual system. */
.unit-workspace .unit-next-action { display: inline-flex; }
.unit-workspace .unit-draft-status { color: var(--cs-text-2); border-left: 3px solid var(--cs-sep-2); padding-left: 12px; }
.unit-workspace .unit-draft-status[hidden] { display: none; }
.unit-workspace .unit-retest > summary { scroll-margin-top: 10rem; }
@media (max-width: 760px) {
 .unit-workspace .cw-head-tools { flex-wrap: wrap; }
 .unit-workspace .unit-next-action { flex: 1 1 100%; }
 .unit-workspace .unit-next-action > .btn { width: 100%; }
}