/* Mobile/tablet tweaks. Bootstrap's grid + offcanvas handle most of the
   layout shift; this file only covers touch-target sizing. */

@media (max-width: 991.98px) {
  /* The desktop sidebar (and the left gap it reserves) is hidden below
     this breakpoint, so the topbar/content-area margin needs to be
     symmetric here instead of "space reserved on the left". */
  .topbar {
    margin: 1rem 1rem 0 1rem;
  }
  .content-area {
    padding: 1rem;
    margin: 1rem;
  }
  .stat-value {
    font-size: 1.35rem;
  }
  .btn, .form-control, .form-select {
    min-height: 2.75rem;
  }
}

@media (max-width: 575.98px) {
  .stat-card .card-body {
    padding: 1rem;
  }
  .cloud-card-wrapper {
    padding-top: 2rem;
  }
  .cloud-bump {
    transform: scale(0.8);
    transform-origin: top center;
  }
  .cloud-bump-5 {
    transform: translateX(-50%) scale(0.8);
  }
}

#sidebarOffcanvas .sidebar-nav .nav-link,
#sidebarOffcanvas .sidebar-nav .nav-link.disabled {
  padding: 0.85rem 0.75rem;
  font-size: 1.02rem;
}