@media (max-width: 1180px) {
  .split, .split-wide, .three-col { grid-template-columns: 1fr; }
  .sticky { position: static; }
  .summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .summary-item:nth-child(3) { border-right: 0; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .review-context select { max-width: 112px; }
  #reviewRoleSwitch { display: none; }
  .acting-context { display: none; }
  .content-inner, .content-inner * { min-width: 0; }
  .sider { left: calc(-1 * var(--sider-width)); transform: none; transition: left .2s ease; }
  .sider.open { left: 0; }
  .workspace { width: 100%; margin-left: 0; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .mobile-shade.open { display: block; }
  .header { padding-inline: 14px; }
  .company-switch { display: none; }
  .review-context > span, .review-context > a { display: none; }
  .page-content { padding: 14px 12px 28px; }
  .two-col, .branch-grid { grid-template-columns: 1fr; }
  .details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .progress { overflow-x: auto; grid-template-columns: repeat(5, minmax(120px, 1fr)); padding-bottom: 6px; }
  .cell-title, .detail dd, .section-title, .alert { overflow-wrap: anywhere; }
}

@media (max-width: 620px) {
  #reviewScenario { display: none; }
}

@media (max-width: 620px) {
  .page-heading { align-items: stretch; flex-direction: column; }
  .page-heading .toolbar .btn { flex: 1; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .stat { min-height: 78px; padding: 12px; }
  .stat-value { font-size: 21px; }
  .summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .summary-item:nth-child(2n) { border-right: 0; }
  .form-grid, .form-grid.two, .form-grid.four { grid-template-columns: 1fr; }
  .field-span-2 { grid-column: auto; }
  .details { grid-template-columns: 1fr 1fr; }
  .filter-bar > .input-search, .filter-bar > .select-sm, .filter-bar > .select-md { width: 100%; }
  .filter-bar .btn { flex: 1; }
  .header-actions .header-link:first-child { display: none; }
  .panel-head { padding-inline: 12px; flex-wrap: wrap; }
  .panel-head > * { min-width: 0; }
  .panel-body, .section { padding: 12px; }
  .tabs { overflow-x: auto; padding-inline: 8px; }
  .tab { white-space: nowrap; }
  .diff-row { grid-template-columns: 90px 1fr 72px; }
  .diff-row > :nth-child(3) { display: none; }
}