/* responsive.css — Desktop enterprise / Mobile mockup shell */

@media (max-width: 768px) {
  .bottom-nav.mobile-only,
  nav.bottom-nav {
    display: flex !important;
  }

  .desktop-footer {
    display: none !important;
  }

  .app-main {
    padding-bottom: 90px;
  }

  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (min-width: 769px) {
  nav.bottom-nav,
  .bottom-nav.mobile-only {
    display: none !important;
  }

  .desktop-footer {
    display: block;
  }

  .gis-layout {
    flex-direction: row;
  }
}

@media (max-width: 600px) {
  .grid-cols-2,
  .grid-cols-3 {
    grid-template-columns: 1fr;
  }

  .fi-table {
    min-width: 560px;
  }
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}