/* ===================================================
   MOBILE NAVBAR OPTIMIZATION
=================================================== */

@media (max-width: 576px) {

  /* Shrink brand text */
  .floating-navbar-second .navbar-brand strong {
    font-size: 0.85rem;
  }

  /* Logo size */
  .floating-navbar-second .navbar-brand .assemblee-logo {
    height: 18px;
    width: auto;
    margin-right: 6px;
  }

  /* Hide nav text (icons only) */
  .floating-navbar-second .nav-link,
  .floating-navbar-second .icon-button,
  .floating-navbar-second span,
  .floating-navbar-second .badge-notify {
    font-size: 0 !important;
  }

  .floating-navbar-second .nav-link i,
  .floating-navbar-second .icon-button i {
    font-size: 1.2rem !important;
  }

  .floating-navbar-second .d-flex.gap-4 {
    gap: .75rem !important;
  }
}

/* ===================================================
   PHONES — COMPACT TABLE VIEW
=================================================== */

@media (max-width: 600px) {

  table th,
  table td {
    font-size: 0.65rem !important;
    padding: 4px 6px !important;
    white-space: nowrap;
  }

  /* Show only:
     1 Name
     2 Status
     3 Login
     14 Clock
  */
  .table thead th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(14)),
  .table tbody td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(14)) {
    display: none;
  }

  h3.text-primary {
    font-size: 1.15rem;
  }
}

/* ===================================================
   TABLETS — MEDIUM DETAIL VIEW
=================================================== */

@media (min-width: 601px) and (max-width: 1024px) {

  table th,
  table td {
    font-size: 0.75rem !important;
    padding: 6px 8px !important;
    white-space: nowrap;
  }

  /* Hide heavy time columns for tablet */
  .table thead th:nth-child(n+9),
  .table tbody td:nth-child(n+9) {
    display: none;
  }

  h3.text-primary {
    font-size: 1.35rem;
  }
}

/* ===================================================
   DESKTOP — FULL VIEW
=================================================== */

@media (min-width: 1025px) {

  table th,
  table td {
    font-size: 0.85rem;
    padding: 8px 10px;
  }
}

.filter-bar{
  background:#fff;
  padding:10px;
  border-radius:12px;
}

.save-bar button{
  width:100%;
}

@media(min-width:769px){
  .save-bar button{
    width:auto;
  }
}