/* Our own small additions on top of the Vuexy core CSS. */

/* Brand */
.menu .app-brand { height: 64px; }
.app-brand-logo svg, .app-brand-logo i { width: 30px; height: 30px; }
.app-brand-text { font-size: 1.05rem; white-space: nowrap; }

/* Theme switcher: show the sun in light mode and the moon in dark mode */
[data-bs-theme="light"] .theme-icon-dark, [data-bs-theme="dark"] .theme-icon-light { display: none; }

/* Space for the fixed top bar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page { padding-top: 72px !important; }
.content-wrapper .navbar { z-index: auto; }

/* Error pages */
.misc-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-block-size: 100vh;
  text-align: center;
  padding: 1.5rem;
}