/* Mobile font scaling — overrides Material Dashboard utility classes */
@media (max-width: 991.98px) {
  .text-xxs { font-size: 0.8rem !important; }
  .text-xs  { font-size: 0.875rem !important; }
  .text-sm  { font-size: 1rem !important; }

  /* Table headers & cells */
  th { font-size: 0.8rem !important; padding: 8px 6px !important; }
  td { font-size: 0.875rem !important; }

  /* Navbar title */
  .navbar-main h6 { font-size: 1rem !important; }

  /* Card headers */
  .card-header h6 { font-size: 1rem !important; }

  /* Form labels */
  .form-label { font-size: 0.875rem !important; }

  /* Buttons */
  .btn-sm { font-size: 0.8rem !important; padding: 6px 10px !important; }

  /* Badge */
  .badge-sm { font-size: 0.75rem !important; }

  /* Nav sidebar links */
  .sidenav .nav-link-text { font-size: 0.9rem !important; }

  /* Main content padding on tablet */
  .main-content .container-fluid { padding-left: 16px !important; padding-right: 16px !important; }
}

@media (max-width: 575.98px) {
  .text-xxs { font-size: 0.8125rem !important; }
  .text-xs  { font-size: 0.875rem !important; }
  .text-sm  { font-size: 0.9375rem !important; }

  /* Reduce card padding on phone */
  .card-body { padding: 12px !important; }
  .card-header { padding: 12px 16px !important; }

  /* Ensure input fields are at least 16px to prevent iOS zoom */
  input, select, textarea { font-size: 16px !important; }
}