.report-handoff-guide {
  position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  padding: 18px; background: rgba(20, 24, 21, .72); backdrop-filter: blur(8px);
}
.report-handoff-panel {
  width: min(100%, 520px); border-radius: 26px; padding: 26px 22px;
  background: #fffdf8; color: #25352d; box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
  text-align: center;
}
.report-handoff-panel .handoff-ready {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px;
  border-radius: 999px; background: #e7f2e9; color: #236143; font-size: 15px; font-weight: 850;
}
.report-handoff-panel h2 { margin: 15px 0 10px; font-size: clamp(25px, 6vw, 34px); line-height: 1.25; }
.report-handoff-panel p { margin: 0; font-size: 18px; line-height: 1.7; color: #5f675f; }
.report-handoff-steps { display: grid; gap: 10px; margin: 20px 0; text-align: left; }
.report-handoff-steps div { display: flex; gap: 12px; align-items: center; padding: 13px 14px; border-radius: 16px; background: #f3eee4; font-size: 18px; font-weight: 760; }
.report-handoff-steps b { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: #285b40; color: #fff; }
.report-handoff-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.report-handoff-actions button {
  min-height: 52px; border-radius: 15px; border: 1px solid #cfc7b9; padding: 10px;
  background: #fff; color: #28372f; font: 800 17px/1.2 system-ui, sans-serif; cursor: pointer;
}
.report-handoff-actions button:first-child { background: #285b40; color: #fff; border-color: #285b40; }
.report-handoff-status { min-height: 24px; margin-top: 12px !important; font-size: 15px !important; }
@media (max-width: 480px) {
  .report-handoff-guide { padding: 10px; }
  .report-handoff-panel { padding: 22px 16px; border-radius: 22px; }
  .report-handoff-actions { grid-template-columns: 1fr; }
}