html {
    font-size: 14px !important;
}

body {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background-color: #ffffff00;
    margin: 0;
    padding: 0;
}

html, body {
  overscroll-behavior: auto;
  touch-action: pan-y;
}

body, body * {
    font-size: 0.9rem !important;   /* adjust 0.85 → 85% of original */
}

h1 {
    text-align: left;
    font-size: 2rem !important;
}

.nav-link, .dash-page-link {
    font-size: 24px;
    /* font-weight: bold; */
}

.dropdownS {
    /* margin: 10px 0; */
    padding-bottom: 1px;
    font-size: 20px;
    font-style: italic;
    /* border-top: 1px solid #dee2e6; */
    /* font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}
.dropdownM {
    /* margin: 10px 0;
    padding-top: 10px; */
    font-size: 20px;
    /* font-style: italic; */
    /* border-top: 1px solid #dee2e6; */
    /* font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}
label {
    font-size: 20px; /* Increase label font size */
    font-weight: normal;
    /* margin-bottom: 2px; */
}

.nav-link {
    background-color: white !important;  
    color: #6c757d !important;                
}

.nav-link.active {
    background-color: #6c757d !important;   
    color: white !important;                
}
.tab {
  padding: 4px 20px !important;   
  font-size: 0.9rem !important;  
  line-height: 1.5 !important;    
}


@media (max-width: 768px) {

  html {
    font-size: 12px !important;
  }

  h1 {
    font-size: 1.4rem !important;
    text-align: center;
    padding-left: 0 !important;
  }

  .dropdownS,
  .dropdownM,
  label {
    font-size: 14px !important;
  }

  .tab {
    padding: 4px 10px !important;
    font-size: 0.8rem !important;
  }

  .nav-link {
    font-size: 14px !important;
  }

  /* Reduce excessive padding applied via Bootstrap */
  .ps-5 {
    padding-left: 10px !important;
  }

  .pt-4, .pt-3 {
    padding-top: 10px !important;
  }

  /* Make Dash tables fully readable */
  .dash-table-container {
    overflow-x: auto;
  }

  /* Prevent horizontal scrolling */
  body {
    overflow-x: hidden;
  }
}