/* Ajustes aprovados para a moldura real do app, compartilhada pela home e pelas áreas internas. */
body > aside {
  width: 6rem;
  border-color: rgba(27, 34, 48, .1) !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(27, 34, 48, .04) !important;
}

body > aside nav a {
  gap: .25rem;
  border-radius: .75rem;
  padding: .625rem .25rem;
  color: #8C9AAE !important;
  line-height: 1.15;
}

body > aside nav a:hover,
body > aside nav a[class*="bg-emerald-50"] {
  background: #F4F5F7 !important;
  color: #3B5170 !important;
}

body > aside nav a[class*="bg-emerald-50"] {
  box-shadow: inset .1875rem 0 0 #8C7355, 0 1px 3px rgba(27, 34, 48, .08);
}

body > aside nav a[data-sidebar-active="true"] {
  border-left: .25rem solid #8C7355 !important;
  padding-left: .375rem !important;
  box-shadow: 0 1px 3px rgba(27, 34, 48, .08) !important;
}

body > aside nav a[data-sidebar-active="true"]::before {
  display: none;
}

body > aside nav a svg {
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: .25rem;
}

body > aside button,
body > aside a[aria-label="Entrar"] {
  color: #8C9AAE !important;
}

body > aside button:hover,
body > aside a[aria-label="Entrar"]:hover {
  color: #3B5170 !important;
}

body > div > header[class~="md:flex"] {
  height: 4rem;
  gap: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-color: rgba(27, 34, 48, .1) !important;
  background: #FFFFFF !important;
}

body > div > header[class~="md:flex"] input {
  border-color: #E0E4E9;
  background: #F4F5F7;
}

body > div > header[class~="md:flex"] .text-emerald-600,
body > div > header[class~="md:flex"] a:hover {
  color: #3B5170 !important;
}

body > div > header[class~="md:flex"] .bg-emerald-600,
body > div > header[class~="md:flex"] a[class*="bg-emerald-600"] {
  background: #3B5170 !important;
}

body > div > header[class~="md:flex"] a[class*="bg-emerald-600"]:hover {
  background: #2C3F58 !important;
}

.dark body > aside,
.dark body > div > header[class~="md:flex"] {
  border-color: #354155 !important;
  background: #242C3D !important;
}

.dark body > aside nav a:hover,
.dark body > aside nav a[class*="bg-emerald-50"] {
  background: #1B2230 !important;
  color: #A8B6C7 !important;
}