/* Converted CSS */
.wrapper {
    width: 100%;
    padding-left: var(--cui-sidebar-occupy-start, 0);
    padding-right: var(--cui-sidebar-occupy-end, 0);
    will-change: auto;
    transition: padding 0.15s;
  }
  
  .header > .container-fluid,
  .sidebar-header {
    min-height: calc(4rem + 1px);
  }
  
  .sidebar-brand-full {
    margin-left: 3px;
  }
  
  .sidebar-header .nav-underline-border {
    --cui-nav-underline-border-link-padding-x: 1rem;
    --cui-nav-underline-border-gap: 0;
  }
  
  .sidebar-header .nav-link {
    display: flex;
    align-items: center;
    min-height: calc(4rem + 1px);
  }
  
  .sidebar-toggler {
    margin-left: auto;
  }
  
  .sidebar-narrow .sidebar-toggler,
  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler {
    margin-right: auto;
  }
  
  .header > .container-fluid + .container-fluid {
    min-height: 3rem;
  }
  
  .footer {
    min-height: calc(3rem + 1px);
  }
  
  /* Dark mode styles (hardcoded as conditionally applied SCSS cannot directly translate to CSS) */
  body.dark-mode {
    background-color: var(--cui-dark-bg-subtle);
  }
  
  body.dark-mode .footer {
    --cui-footer-bg: var(--cui-body-bg);
  }