:root {
    --bs-nav-link-font-size: 1.15rem;
}

.navbar {
  background-color: var(--adm-navbar-bg);
  color: var(--adm-navbar-fg);
}

  .navbar .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    margin-right: 1.5rem;
    padding-left: 1rem;
    height: var(--adm-navbar-height);
    color: var(--adm-navbar-fg);
  }

  /* A marca: logo do E-Docs (um pouco menor que a faixa) + nome + "Admin" em azul claro. */
  .navbar .marca-admin-logo {
    height: 2.5rem;
    width: auto;
  }

  .navbar .marca-admin-nome {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.01em;
  }

  .navbar .marca-admin-sufixo {
    font-size: 1.375rem;
    font-weight: 600;
    color: var(--adm-navbar-admin);
  }

  /* Itens do menu: branco suave em repouso, branco pleno no hover e traço azul claro embaixo no item ativo. */
  .navbar .nav-link {
    color: var(--adm-navbar-fg-soft);
    font-weight: 600;
  }

  .navbar .nav-link:hover,
  .navbar .nav-link:focus-visible,
  .navbar .nav-link.active {
    color: var(--adm-navbar-fg);
  }

  .navbar .navbar-nav .nav-item:has(> .nav-link.active) {
    box-shadow: inset 0 -3px 0 var(--adm-navbar-accent);
    background-color: rgba(255, 255, 255, .08);
  }

  .navbar .nav-item {
    padding: 0 0.5rem;
    font-size: 1rem;
    height: var(--adm-navbar-height);
    display: flex;
    align-items: center;
  }

    .navbar .nav-item:hover {
      background-color: var(--adm-navbar-hover-bg);
      transition: all .5s;
    }

    .navbar .nav-item .dropdown-menu {
      background-color: var(--adm-navbar-bg);
    }

    .navbar .nav-item .dropdown-item {
      color: var(--adm-navbar-fg);
    }

      .navbar .nav-item .dropdown-item:hover {
        background-color: var(--adm-navbar-hover-bg) !important;
      }

    .navbar .nav-item .dropdown-divider {
      border-color: var(--adm-navbar-fg);
    }

  .navbar .navbar-toggler {
    margin-right: 1rem;
    background-color: var(--adm-color-dark-2);
  }

@media (max-width: 991px) { /*lg*/
  .navbar .nav-item {
    display: unset;
    height: unset;
  }
}


.text-primary {
  color: var(--adm-color-dark-2) !important;
}

.btn-primary {
  color: var(--adm-color-light-1);
  background-color: var(--adm-color-dark-2) !important;
  border-color: var(--adm-color-dark-2) !important;
}

.btn-outline-primary {
  color: var(--adm-color-dark-2) !important;
  background-color: unset !important;
  border-color: var(--adm-color-dark-2) !important;
}

  .btn-outline-primary:hover {
    color: var(--adm-color-light-1) !important;
    background-color: var(--adm-color-dark-2) !important;
  }

.form-label {
  margin-bottom: .25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.table > :not(:first-child) {
  border-top: 1px solid currentColor;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

@media (max-width: 991px) { /*lg*/
  .card .card-body {
    padding: 0.5rem;
  }

  .list-group .list-group-item {
    padding: 0.5rem;
  }

  .modal .modal-body {
    padding: 0.5rem;
  }
}

.toast-container {
  z-index: 1500;
}

.toast {
  width: 50vw !important;
  min-width: 980px;
}

  .toast .toast-header i {
    font-size: 1.5rem;
  }

  .toast .toast-header strong {
    font-size: 1rem;
  }

  .toast .toast-header .btn-close {
    opacity: 1;
  }

  .toast .toast-body {
    font-weight: 500;
    font-size: 1rem;
    background-color: var(--adm-toast-body);
  }

@media (max-width: 991px) { /*lg*/
  .toast {
    width: 100vw !important;
  }
}

/* #region offcanvas-footer (não existe no BS, criação nossa */

.offcanvas-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid var(--bs-border-color);
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

  .offcanvas-footer > * {
    margin: 0.25rem;
  }

/* #endregion */

a {
  color: var(--adm-color-dark-2);
}

/* Argos: a marca é um ícone (ainda não há logo), no lugar do SVG do E-Docs do tira-dúvidas */
.navbar .marca-admin-icone {
  font-size: 2rem;
  color: #fff;
}