/* Theme compatibility overrides. Keep these scoped to the database app. */
.kdb .sidebar {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .kdb .sidebar {
    display: none !important;
  }

  .kdb .header-inner {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .kdb .menu-button {
    align-self: center !important;
  }
}

/* Cocoon can override the browser's centered dialog margins. */
.kdb dialog:not(.drawer) {
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
}