/* leaveResponsive.css */

/* ================ */
/* Phones: ≤600px   */
/* ================ */
@media screen and (max-width: 600px) {

  /* Make header stand out */
  #leave-data-container h3 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #0d6efd;
  }

  /* Table text smaller */
  table th, table td {
    font-size: 0.40rem !important;
    padding: 1px 1px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    
  }



  /* Style Action column (assumed to be last) */
  table thead th:last-child,
  table tbody td:last-child {
    color: #0d6efd;
    text-align: center;
    font-size: 1rem;
  }

  /* Action column icons */
  table tbody td:last-child i {
    color: #0d6efd;
    font-size: 1rem;
    margin: 2 2px;
    cursor: pointer;
  }

  /* Adjust badge/notification/icon buttons */
  .icon-button i {
    font-size: 0.5rem;
  }

  /* Optional: tighter navbar spacing on mobile */
  .floating-navbar .navbar-brand strong {
    font-size: 0.5rem;
  }

  .floating-navbar {
    padding: 0.5rem 1rem;
  }

  .profile-dropdown {
    width: 95vw !important;
  }

  .profile-avatar span {
    font-size: 1.1rem;
  }

  /* Responsive table wrapping if needed */
  #leave-data-container {
    overflow-x:hidden;
  }
}