/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Mobile-first responsive overrides */

/* Sidebar toggle */
.sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 99;
}
.sidebar-overlay.open { display: block; }

/* Scrollable tables */
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  /* Hide sidebar by default on mobile */
  .sidebar { transform: translateX(-100%); transition: transform 0.25s ease; }
  .sidebar.open { transform: translateX(0); }

  /* Main content fills full width */
  .main-content { margin-left: 0 !important; }
  .main-header { padding: 12px 16px !important; }
  .main-body { padding: 16px !important; }

  /* Burger button visible */
  .burger-btn { display: flex !important; }

  /* City detail layout: stack sidebar + content */
  .city-layout { flex-direction: column !important; }
  .city-nav { width: 100% !important; position: static !important; }
  .city-nav-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 8px !important;
  }
  .city-nav-inner button {
    padding: 6px 10px !important;
    font-size: 11px !important;
    border-left: none !important;
    border-radius: 6px !important;
  }
  .city-nav-section { display: none; }

  /* Tables: horizontal scroll */
  table { min-width: 600px; }
}

@media (min-width: 769px) {
  .burger-btn { display: none !important; }
  .sidebar-overlay { display: none !important; }
}