/* Keep simulation actions reachable on mobile without changing their desktop placement. */
@media (max-width: 768px) {
  .app.has-simulation-progress .screen {
    padding-bottom: calc(104px + env(safe-area-inset-bottom));
    animation: none;
  }

  .app.has-simulation-progress .simulation-primary-action,
  .simulation-summary-screen .simulation-primary-action,
  .app.has-simulation-progress .workflow-case-actions,
  .app.has-simulation-progress .fdm-guide-scene__field-action {
    position: fixed !important;
    z-index: 95;
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    width: auto;
    max-width: 430px;
    margin: 0 auto !important;
    padding: 8px;
    border: 1px solid rgb(61 59 255 / 14%);
    border-radius: 18px;
    background: rgb(248 248 245 / 94%);
    box-shadow: 0 14px 34px rgb(24 22 52 / 22%);
    backdrop-filter: blur(14px);
    animation: none !important;
    transform: none !important;
  }

  .app.has-simulation-progress .simulation-primary-action > .btn,
  .simulation-summary-screen .simulation-primary-action > .btn,
  .app.has-simulation-progress .workflow-case-actions > .btn,
  .app.has-simulation-progress .fdm-guide-scene__field-action > .btn {
    width: 100%;
    min-height: 52px;
  }

  .app.has-simulation-progress .repair-entry__action.is-waiting,
  .app.has-simulation-progress .workflow-case-actions.is-waiting {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .case3-chat-window:has(.case3-chat-actions.simulation-primary-action) .case3-chat-feed {
    padding-bottom: calc(94px + env(safe-area-inset-bottom));
  }
}