@media (max-width: 760px) {
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    height: var(--mobile-visual-height, var(--visual-viewport-height, 100dvh));
    max-height: var(--mobile-visual-height, var(--visual-viewport-height, 100dvh));
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-content,
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-card {
    width: 100vw;
    max-width: none;
    height: var(--mobile-visual-height, var(--visual-viewport-height, 100dvh));
    max-height: var(--mobile-visual-height, var(--visual-viewport-height, 100dvh));
    border-radius: 0;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-body {
    max-height: none;
    padding:
      12px
      max(12px, var(--safe-area-right, 0px))
      calc(84px + var(--safe-area-bottom, 0px) + var(--mobile-keyboard-inset, 0px))
      max(12px, var(--safe-area-left, 0px));
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-section-heading {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-section-heading .small-copy {
    text-align: left;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-title-actions {
    justify-content: flex-start;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-header-action-row {
    display: none;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-actions-sidebar {
    display: none;
  }
  body:not(.auth-locked) .work-order-detail-shell:not([hidden]) .work-order-detail-actions-mobile {
    display: grid;
  }
}