/* Responsive layout corrections. Scoped to the mobile application shell. */
@media (max-width: 768px), (max-width: 1024px) and (pointer: coarse) {
  html.mw230 body #root .workspace-app-window.foodbank {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
  html.mw230 body #root .workspace-app-titlebar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 56px !important;
    gap: 6px 8px !important;
    padding: 8px 12px !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }
  html.mw230 body #root .workspace-app-titlebar > .mobile-back280 {
    flex: 0 0 44px !important; position: static !important; margin: 0 !important; width: 44px !important; height: 44px !important;
  }
  html.mw230 body #root .workspace-app-titlebar > div {
    flex: 1 1 calc(100% - 52px) !important; min-width: 0 !important; width: auto !important; padding: 0 !important;
  }
  html.mw230 body #root .workspace-app-titlebar > div > div { min-width: 0 !important; }
  html.mw230 body #root .workspace-app-titlebar strong,
  html.mw230 body #root .workspace-app-titlebar small { white-space: normal !important; overflow-wrap: anywhere; }
  html.mw230 body #root .workspace-app-titlebar > nav {
    position: static !important; flex: 0 0 100% !important; display: flex !important;
    flex-wrap: wrap !important; justify-content: flex-end !important;
    min-width: 0 !important; width: 100% !important; gap: 6px !important;
  }
  html.mw230 body #root .workspace-app-titlebar > nav > button {
    width: auto !important; padding: 8px 12px !important; min-height: 40px !important; max-width: 100%; white-space: normal !important; flex-shrink: 0 !important;
  }
  html.mw230 body #root .workspace-app-window.notes .notes-pro-shell,
  html.mw230 body #root .workspace-app-window.notes .notes-pro-sidebar,
  html.mw230 body #root .workspace-app-window.notes .notes-pro-list {
    height: auto !important; min-height: 0 !important; flex: 0 0 auto !important;
  }
  html.mw230 body #root .workspace-app-window.notes .notes-pro-list > header,
  html.mw230 body #root .workspace-app-window.notes .notes-card-list,
  html.mw230 body #root .workspace-app-window.notes .notes-pro-list > footer {
    flex: 0 0 auto !important; height: auto !important; min-height: 0 !important;
  }
  html.mw230 body #root .workspace-app-window.notes .notes-card-list { overflow: visible !important; }
  html.mw230 body #root .workspace-app-window.notes .notes-list-empty { margin: 0 !important; }
  html.mw230 body #root .workspace-app-window.notes .notes-pro-list > footer { position: static !important; line-height: 1.5 !important; }
  html.mw230 body #root .workspace-app-window.notes .notes-pro-list > header select { font-size: 16px !important; }
  /* Native Safari zooms focused form controls below 16px; never scale the UI to compensate. */
  html.mw230 body #root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  html.mw230 body #root textarea,
  html.mw230 body #root select { font-size: max(16px, 1em) !important; }
}