/* Project-specific overrides on top of the CoreUI theme (ported from the
   template's own style.scss, since only the core @coreui/coreui package is
   loaded from the CDN here). */

body {
  background-color: var(--cui-tertiary-bg);
}

.wrapper {
  width: 100%;
  padding-inline: var(--cui-sidebar-occupy-start, 0) var(--cui-sidebar-occupy-end, 0);
  will-change: auto;
  transition: padding .15s;
}

.header > .container-fluid,
.sidebar-header {
  min-height: calc(4rem + 1px);
}

.sidebar-brand-full {
  margin-left: 3px;
}

.sidebar-toggler {
  margin-inline-start: auto;
}

.sidebar-narrow .sidebar-toggler,
.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler {
  margin-inline-end: auto;
}

.header > .container-fluid + .container-fluid {
  min-height: 3rem;
}

.footer {
  min-height: calc(3rem + 1px);
}

[data-coreui-theme="dark"] body {
  background-color: var(--cui-dark-bg-subtle);
}

[data-coreui-theme="dark"] .footer {
  --cui-footer-bg: var(--cui-body-bg);
}

@keyframes metric-flash {
  0% { opacity: .35; }
  100% { opacity: 1; }
}

.metric-flash {
  animation: metric-flash .45s ease-out;
}