html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

img,
video,
iframe {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}

.btn,
.form-control,
.form-select {
  min-height: 42px;
}

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

.card {
  overflow: hidden;
}

.alert {
  border: 0;
  border-radius: 0.875rem;
}

.object-fit-cover {
  object-fit: cover;
}

@media print {
  .portal-header,
  .portal-bottom-nav,
  .app-header,
  .app-sidebar,
  .app-footer,
  .btn,
  .modal {
    display: none !important;
  }
}