.handoff-context {
  margin-block: 14px;
  padding: 12px 15px;
  background: var(--sidebar);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
.handoff-context h2 { margin: 0 0 6px; font-size: 16px; }
.handoff-context p { margin-top: 6px; }
.handoff-context a { color: var(--gold); text-decoration: underline; }
#handoff-context-summary { white-space: pre-wrap; }
.handoff-dialog {
  width: min(calc(100% - 26px), 550px);
  max-height: calc(100dvh - 28px);
  padding: clamp(15px, 4vw, 24px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--ink);
  background: var(--paper);
}
.handoff-dialog::backdrop { background: rgb(25 36 54 / .43); }
.handoff-dialog h2 { margin: 0 0 9px; font: 600 25px/1.35 var(--serif); }
.handoff-dialog p { margin-block: 8px; line-height: 1.5; }
.handoff-fields { display: grid; gap: 7px; margin: 0; padding: 0; min-width: 0; border: 0; }
.handoff-fields > label, .handoff-fields legend { font-weight: 600; }
.handoff-fields :is(select, textarea) {
  min-width: 0;
  width: 100%;
  padding: 9px;
  border: 1px solid #d4d9e0;
  border-radius: 8px;
  color: var(--ink);
  background: var(--paper);
  font: inherit;
}
.handoff-fields textarea { resize: vertical; }
.handoff-material-choices { margin: 4px 0; padding: 6px 10px; min-width: 0; border: 1px solid var(--line); border-radius: 8px; }
#handoff-files > label { display: flex; gap: 8px; align-items: center; min-height: 38px; overflow-wrap: anywhere; }
#handoff-files input { flex: none; accent-color: var(--gold); }
.handoff-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: end; margin-top: 12px; }