@media (max-width: 1260px) {
  .prototype-layout { grid-template-columns: minmax(0, 1fr); }
  .review-notes { position: static; max-height: none; }
  .odia-app-frame { min-height: 760px; }
}

@media (max-width: 1000px) {
  .review-toolbar { align-items: flex-start; flex-wrap: wrap; padding: 11px 15px; }
  .review-controls { flex-wrap: wrap; }
  .state-pills { padding-right: 15px; padding-left: 15px; }
  .prototype-layout { padding: 14px 15px 36px; }
  .odia-app-frame { grid-template-columns: 70px minmax(0, 1fr); }
  .app-sidebar { padding: 12px 9px; }
  .app-sidebar button { justify-content: center; padding-right: 0; padding-left: 0; }
  .app-sidebar button span:not(.icon) { display: none; }
  .app-header { grid-template-columns: minmax(0, 1fr) auto; }
  .global-search { display: none; }
  .journey-header { grid-template-columns: minmax(0, 1fr) auto; }
  .journey-metrics { display: none; }
  .journey-tab-row { align-items: flex-start; }
  .journey-tab-row > nav { overflow-x: auto; }
  .journey-tab-row > nav button { white-space: nowrap; }
  .service-sheet { width: 68%; min-width: 450px; }
}

@media (max-width: 720px) {
  .review-brand { width: 100%; }
  .review-controls { width: 100%; }
  .review-controls label:not(.notes-toggle) { min-width: min(100%, 180px); flex: 1; }
  .review-controls select { width: 100%; }
  .odia-app-frame { grid-template-columns: minmax(0, 1fr); min-height: 800px; }
  .app-sidebar { display: none; }
  .app-header { padding: 0 12px; }
  .app-breadcrumb span,
  .app-breadcrumb b { display: none; }
  .journey-page { padding: 13px; }
  .journey-header { display: block; }
  .journey-actions { margin-top: 10px; justify-content: flex-start; }
  .journey-tab-row { display: block; }
  .board-actions { display: none; }
  .service-sheet { top: 50px; width: 100%; min-width: 0; }
  .sheet-footer { align-items: stretch; flex-direction: column; }
  .footer-actions { justify-content: space-between; }
  .save-button { width: 100%; }
  .headcount-control { flex-wrap: wrap; }
  .decision-dialog { width: calc(100% - 22px); max-height: calc(100% - 28px); padding: 16px; }
  .count-comparison { gap: 6px; }
  .count-comparison > div { min-height: 88px; padding: 9px; }
  .impact-table > div { grid-template-columns: minmax(100px, 1.35fr) minmax(66px, 1fr) minmax(66px, 1fr); padding: 0 7px; }
  .dialog-footer,
  .dialog-footer > div,
  .dialog-footer.triple { align-items: stretch; flex-direction: column; }
  .dialog-footer .primary-button,
  .dialog-footer .secondary-button,
  .dialog-footer .text-button { width: 100%; }
  .app-toast { right: 10px; bottom: 10px; left: 10px; justify-content: center; }
}