/* ===== GLOBAL ===== */
body{
  font-family: 'Poppins', sans-serif;
  padding-top: 75px;
  background-color: #f8f9fa;
  font-size: 1rem;
}

/* ===== NAVBAR ===== */
.navbar-brand{
  font-size: 1.3rem;
  font-weight: 600;
}
.nav-link{
  font-size: 1.05rem;
  font-weight: 500;
  color: #ffffff !important;
}
.nav-link:hover{
  color: #e0e0e0 !important;
}

/* ===== TABLES ===== */
.table{
  background: #ffffff;
}
.table th{
  white-space: nowrap;
}
.table-responsive{
  overflow-x: auto;
}

/* ===== BUTTONS ===== */
.btn{
  font-size: 0.95rem;
}

/* ===== MOBILE (IMPORTANT) ===== */
@media (max-width: 768px){

  body{
    font-size: 1.05rem;
  }

  .navbar-brand{
    font-size: 1.4rem;
  }

  .nav-link{
    font-size: 1.2rem;
    padding: 0.8rem 1rem;
  }

  .btn{
    font-size: 1.05rem;
    padding: 0.6rem 0.9rem;
  }

  table{
    font-size: 1rem;
  }

  th, td{
    padding: 0.75rem;
  }
}