/* GateZip Member Shared UX Tuning: readability + responsive safety */

:root {
  --gz-font-scale: clamp(15.5px, 0.28vw + 14.5px, 17px);
}

html {
  font-size: var(--gz-font-scale);
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

/* Lift tiny utility text slightly for better readability */
.fs-10 {
  font-size: 0.76rem !important;
}

.fs-9 {
  font-size: 0.84rem !important;
}

/* Prevent horizontal overflow on responsive layouts */
main,
.gz-main-layout,
.gz-shell,
.content,
.card,
.gz-card,
.gz-trip-card,
.gz-qb-btn,
.gz-b2b-kpi,
.table-responsive {
  min-width: 0;
}

img,
svg,
canvas {
  max-width: 100%;
  height: auto;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Mobile/tablet readability and spacing */
@media (max-width: 991.98px) {
  html {
    font-size: 16px;
  }

  .gz-topbar,
  .navbar .container-fluid,
  .gz-shell,
  .gz-main-layout {
    width: 100%;
  }

  main,
  .content,
  .flex-grow-1 {
    max-width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  html {
    font-size: 16.5px;
  }

  .btn,
  .badge,
  .form-control,
  .form-select {
    font-size: 0.92rem;
  }
}