/* Mobile responsive adjustments */
@media (max-width: 768px) {
  :root {
    --ks-font-size-base: 12.5px;
    --ks-font-size-sm: 11px;
    --ks-font-size-xs: 10px;
    --ks-font-size-lg: 14px;
    --ks-gap-md: 10px;
  }

  .container, .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .ks-card {
    padding: 10px;
  }

  .ks-navbar .container-fluid {
    flex-wrap: nowrap;
  }

  .ks-brand__title {
    font-size: 14px;
  }

  .ks-btn {
    padding: 4px 8px;
    font-size: 11px;
  }

  .ks-table-responsive {
    font-size: 11.5px;
  }
}