/* taskResponsive.css */

/* Mobile Optimization */
@media screen and (max-width: 600px) {

  /* Header font adjustment */
  h2 {
    font-size: 1.2rem;
    text-align: center;
  }

  /* Button full width */
  .btn {
    font-size: 0.85rem;
    padding: 6px 12px;
  }

  /* Table responsiveness */
  table th,
  table td {
    font-size: 0.7rem !important;
    padding: 4px !important;
    text-align: center;
  }

  /* Hide: Description (3), Task ID (5), Action (6) */
  table thead th:nth-child(3),
  table thead th:nth-child(5),
  table thead th:nth-child(6),
  table tbody td:nth-child(3),
  table tbody td:nth-child(5),
  table tbody td:nth-child(6) {
    display: none;
  }

  /* Ensure table is scrollable */
  .table-responsive {
    overflow-x: auto;
  }

  /* Modal scaling for small screens */
  .modal-content {
    font-size: 0.9rem;
  }

  .modal .form-label {
    font-size: 0.85rem;
  }

  .form-control,
  .form-select {
    font-size: 0.85rem;
  }

  .modal-footer .btn {
    font-size: 0.9rem;
  }

  /* Navbar spacing */
  .floating-navbar {
    padding: 0.6rem 1rem;
    flex-wrap: wrap;
  }

  .floating-navbar .navbar-brand strong {
    font-size: 1rem;
  }

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