html[data-bs-theme="dark"] {
  --bs-body-bg: #141414;
  --bs-body-color: #e6e6e6;
  --bs-secondary-bg: #222;
  --bs-tertiary-bg: #181818;
  --bs-border-color: #383838;
  --bs-link-color: #91c3ff;
  --bs-link-color-rgb: 145, 195, 255;
}
html[data-bs-theme="dark"] .app-header, .app-footer {
  background-color: #101010 !important;
}
.card, .modal-content, .dropdown-menu, .offcanvas {
  --bs-card-bg: #1c1c1c;
  --bs-modal-bg: #1c1c1c;
  --bs-dropdown-bg: #1c1c1c;
  --bs-offcanvas-bg: #1c1c1c;
}
.app-main .row > * { min-width: 0; }
.app-main .table-responsive { max-width: 100%; }
.app-main .card img#profile-picture {
  width: 96px;
  height: 96px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
#qr-code-container img {
  max-width: 100%;
  height: auto !important;
}
.waapi-install .card.install-card {
  background: #1c1c1c;
  border-color: var(--bs-border-color);
}
.waapi-install .glass-header {
  background: #181818;
  border-color: var(--bs-border-color);
}