/* B-098 handoff codes panel. Token-based (day+night): ink on surface/soft ≥12:1; primary button = surface on primary (≥5.5:1). 44px targets. */
.cp-handoff{display:grid;gap:12px;margin-block:16px;padding:16px;border:1px solid var(--cp-border,#d2d2d7);border-radius:var(--cp-radius-surface,16px);background:var(--cp-surface,#fff);color:var(--cp-ink,#1d1d1f);font:16px/1.6 var(--cp-font);min-inline-size:0}
.cp-handoff :is(h3,h4,h5,p){margin:0;overflow-wrap:anywhere}
.cp-handoff h3{font-size:1.25rem;line-height:1.35}.cp-handoff h4{font-size:1.0625rem}.cp-handoff h5{font-size:1rem}
.cp-handoff-status:empty{display:none}.cp-handoff-status{font-weight:600}
.cp-handoff-codes,.cp-handoff-leg{display:grid;gap:8px;padding:12px 16px;border-radius:var(--cp-radius-control,8px);background:var(--cp-soft,#f2f2f7);border-inline-start:4px solid var(--cp-primary,#0066cc)}
.cp-handoff-code{display:grid;gap:4px;padding-block:8px;border-block-start:1px solid var(--cp-border,#d2d2d7)}
.cp-handoff-code-value{font:700 2rem/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;unicode-bidi:isolate;text-align:start}
.cp-handoff-meta,.cp-handoff-attempts{font-size:.9375rem}
.cp-handoff-attempts[data-low]{font-weight:700}
.cp-handoff-leg-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.cp-handoff-badge{display:inline-block;padding:2px 10px;border:1px solid var(--cp-border,#d2d2d7);border-radius:999px;background:var(--cp-surface,#fff);font-size:.875rem;font-weight:600}
.cp-handoff-leg[data-state=locked]{border-inline-start-color:var(--cp-amber,#9a5b08)}
.cp-handoff-locked{display:grid;gap:4px;padding:12px;border:2px solid var(--cp-amber,#9a5b08);border-radius:var(--cp-radius-control,8px);background:var(--cp-surface,#fff)}
.cp-handoff-locked code{font:600 .9375rem ui-monospace,monospace}
.cp-handoff-form{display:grid;gap:8px;min-inline-size:0}
.cp-handoff-form label{font-weight:600}
.cp-handoff input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:44px;padding:10px 12px;border:1px solid var(--cp-muted,#6e6e73);border-radius:var(--cp-radius-control,8px);background:var(--cp-surface,#fff);color:var(--cp-ink,#1d1d1f);font:inherit}
.cp-handoff input[inputmode]{font:600 1.375rem/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.2em;text-align:center;max-inline-size:14ch}
.cp-handoff-actions{display:flex;flex-wrap:wrap;gap:8px}
.cp-handoff button{min-block-size:44px;min-inline-size:44px;padding:10px 16px;border:1px solid var(--cp-muted,#6e6e73);border-radius:var(--cp-radius-control,8px);background:var(--cp-surface,#fff);color:var(--cp-ink,#1d1d1f);font:inherit;font-weight:600;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.cp-handoff button.cp-handoff-primary{background:var(--cp-primary,#0066cc);border-color:var(--cp-primary,#0066cc);color:var(--cp-surface,#fff)}
.cp-handoff button:disabled{cursor:default;opacity:1;background:var(--cp-soft,#f2f2f7);border-color:var(--cp-border,#d2d2d7);color:var(--cp-ink,#1d1d1f)}
.cp-handoff :is(button,input):focus-visible{outline:3px solid var(--cp-primary,#0066cc);outline-offset:2px}
@media(max-width:360px){.cp-handoff{padding:12px}.cp-handoff-code-value{font-size:1.75rem}}