/* Phone-width fixes for Plane's web app, linked from index.html by patch_aio.py.
 *
 * The top-nav command search (apps/web/components/navigation/top-nav-power-k.tsx)
 * is a fixed 364px wide (554px while open) with a 574px results panel centred
 * under it, so on a phone it runs off the right edge of the screen. Below the
 * `md` breakpoint, let it share the header width with the workspace switcher
 * instead, and pin the results panel to the viewport. */
@media (max-width: 767px) {
  .w-\[364px\],
  .w-\[554px\] {
    width: 100%;
  }
  div.shrink-0:has(> .relative > .w-\[364px\]),
  div.shrink-0:has(> .relative > .w-\[554px\]) {
    flex: 1 1 0%;
    min-width: 7rem;
  }
  .w-\[574px\] {
    position: fixed;
    top: 3rem;
    right: 0.5rem;
    left: 0.5rem;
    width: auto;
    max-height: 80dvh;
    transform: none;
  }
}