/* A checkpoint card: what the owner needs to do, the page it is on, and one press to the computer. */
.pal-need.pal-hand{background:var(--pal-paper);border:1px solid var(--pal-line);border-radius:16px;padding:16px 18px;max-width:560px;color:var(--pal-ink)}
.pal-hand[data-state="open"]{border-color:color-mix(in srgb,var(--pal-ink) 28%,var(--pal-line));box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pal-hand:focus-visible{outline:2px solid var(--pal-focus);outline-offset:3px}
.pal-hand-head{display:flex;align-items:center;gap:10px;min-height:26px}
.pal-hand-head .pal-eyebrow{min-width:0;overflow-wrap:anywhere}
.pal-hand-logo{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;background:var(--pal-soft);border:1px solid var(--pal-line);font-size:12px;font-weight:700;color:var(--pal-muted);overflow:hidden}
.pal-hand-logo img{width:18px;height:18px;object-fit:contain;display:block}
.pal-need.pal-hand h3{font-size:16px;font-weight:650;line-height:1.35;margin:9px 0 4px}
.pal-hand-detail{margin:0;font-size:13px;line-height:1.55;color:var(--pal-muted);max-width:520px}
.pal-hand-shot{display:block;box-sizing:border-box;width:min(100%,320px);aspect-ratio:16/10;margin:13px 0 2px;padding:0;border:1px solid var(--pal-line);border-radius:10px;background:var(--pal-soft);overflow:hidden;cursor:pointer}
.pal-hand-shot[hidden]{display:none}
.pal-hand-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.pal-hand-shot:hover{border-color:color-mix(in srgb,var(--pal-ink) 35%,var(--pal-line))}
.pal-hand-shot:focus-visible,.pal-hand-actions button:focus-visible{outline:2px solid var(--pal-focus);outline-offset:3px}
.pal-hand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.pal-hand-actions button{font:600 13px/1.3 'Nunito Sans',sans-serif;border-radius:9px;padding:9px 14px;cursor:pointer;border:1px solid var(--pal-line);background:transparent;color:var(--pal-ink)}
.pal-hand-actions .pal-hand-open{background:var(--pal-ink);border-color:var(--pal-ink);color:var(--pal-paper)}
.pal-hand-actions .pal-hand-open:hover{background:color-mix(in srgb,var(--pal-ink) 86%,var(--pal-paper))}
.pal-hand-actions .pal-hand-skip:hover{background:var(--pal-soft)}
.pal-hand-actions button:disabled{opacity:.6;cursor:default}
.pal-hand .pal-hand-help{font-size:12px;margin-top:11px;max-width:520px}
.pal-hand[data-state="done"],.pal-hand[data-state="closed"]{background:var(--pal-soft);border-color:transparent}
.pal-hand[data-state="done"] h3,.pal-hand[data-state="closed"] h3{font-size:14px;font-weight:600;color:var(--pal-muted);margin-bottom:0}
.pal-hand[data-state="skipped"] .pal-hand-logo{opacity:.7}
/* The computer view says what the owner is there to finish. */
.pal-computer-checkpoint{margin:0 0 8px;font-size:13px;line-height:1.45;color:var(--pal-ink);overflow-wrap:anywhere}
.pal-computer-checkpoint[hidden]{display:none}
@media(max-width:600px){
  .pal-need.pal-hand{padding:14px}
  .pal-need.pal-hand h3{font-size:15px}
  .pal-hand-shot{width:100%}
  .pal-hand-actions button{flex:1 1 140px}
}
/* Team: an agent parked at a checkpoint is waiting for the owner, in the sidebar's Needs you colour. */
.pal-team-row[data-state=waiting] .pal-team-row-state{color:var(--pal-ink);font-weight:600}
.pal-team-row[data-state=waiting] .pal-team-row-state:before{background:#d4952b;opacity:1}