/* Spaces build 3 (members-work lane): the coach's Work-plan parts on a space's home (js/spaces/home-work.js).
 * P12 (28 Oct 2026): the cards, rows, buttons, switch and fields are the course home's kit (css/funnel-home.css,
 * css/course-home.css: fh-card, fh-todo-row, fh-btn, ch-row, ch-switch, fh-field). What is left here is only the
 * inside of the read sheet (faces, answers, a score, a photo, a reply box) and the draft's frame, which the kit has
 * no piece for, drawn on the kit's own tokens (--fh-*). */

#route-spaces .fh .sphw-i { width: 16px; height: 16px; flex: 0 0 auto; vertical-align: -3px; }
#route-spaces .fh .fh-todo-ic .sphw-i { width: 16px; height: 16px; }
#route-spaces .fh .sphw-by { display: flex; align-items: center; gap: 6px; }

/* Private answers for you */
#route-spaces .fh .sphw-faces { display: inline-flex; flex: 0 0 auto; align-items: center; }
#route-spaces .fh .sphw-faces .sphw-face { margin-left: -8px; border: 2px solid var(--fh-surface); }
#route-spaces .fh .sphw-faces .sphw-face:first-child { margin-left: 0; }
#route-spaces .fh .sphw-face {
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: var(--fh-surface-3);
  display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--fh-text-2);
}
#route-spaces .fh .sphw-read { border-top: 1px solid var(--fh-border); padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 8px; }
#route-spaces .fh .sphw-q { font-weight: 600; line-height: 1.4; }
#route-spaces .fh .sphw-answer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--fh-border); }
#route-spaces .fh .sphw-answer .fh-todo-t { flex: 1 1 200px; min-width: 0; }
#route-spaces .fh .sphw-score { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--fh-accent-soft); color: var(--fh-accent-deep); font-size: 12px; font-weight: 700; }
#route-spaces .fh .sphw-photo { max-width: 160px; border-radius: 8px; margin-top: 4px; }
#route-spaces .fh .sphw-replyf { flex: 1 1 100%; display: flex; flex-direction: column; gap: 8px; }
#route-spaces .fh .sphw-replyf textarea { width: 100%; resize: vertical; font-family: var(--fh-body); }

/* Files and worksheets: a draft sits in a soft frame until it is shared */
#route-spaces .fh .sphw-draft { background: var(--fh-surface-2); border-top: 1px solid var(--fh-border); }
#route-spaces .fh .sphw-draft:first-child { border-top: 0; }
#route-spaces .fh .sphw-draft > .fh-todo-row { border-top: 0; }
#route-spaces .fh .sphw-draft .sphw-read { border-top: 0; padding-top: 0; }
#route-spaces .fh .sphw-picker { background: var(--fh-surface-2); }
#route-spaces .fh .sphw-wsl { margin: 4px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
#route-spaces .fh .sphw-wsl li span { display: block; height: 1px; margin-top: 14px; background: var(--fh-border); }
#route-spaces .fh .fh-todo + .fh-card-b { border-top: 1px solid var(--fh-border); }

/* Move someone to another pair */
#route-spaces .fh .sphw-move { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
#route-spaces .fh .sphw-move .fh-field { flex: 1 1 180px; }