/* Mobile-only styles that preserve desktop appearance */
@media (max-width: 639px) {
  /* Horizontal scrolling fixes */
  .table-container-mobile {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Adjust font sizes for mobile */
  .mobile-text-sm {
    font-size: 0.875rem;
  }
  
  .mobile-text-xs {
    font-size: 0.75rem;
  }
  
  .mobile-p-smaller {
    padding: 0.75rem !important;
  }
  
  .mobile-gap-smaller {
    gap: 0.5rem !important;
  }
  
  /* Adjust paddings and margins */
  .mobile-mt-3 {
    margin-top: 0.75rem !important;
  }
  
  .mobile-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  
  /* Add more spacing between stat cards on mobile */
  .stat-card-mobile {
    margin-bottom: 16px !important;
  }
  
  /* Increase card padding on mobile */
  .card-padding-mobile {
    padding: 16px !important;
  }
  
  /* Increase spacing between grid items */
  .grid-gap-mobile {
    gap: 16px !important;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */