@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Exo:wght@500;600;700&display=swap";
body,
button,
input,
select,
textarea {
  font-family:
    "DM Sans",
    system-ui,
    sans-serif;
}
h1,
h2,
h3,
.ph h1,
.mh-kpi b,
.mh-kpi .v,
.sb-wm i {
  font-family:
    "Exo",
    "DM Sans",
    system-ui,
    sans-serif;
  font-weight: 700;
}
:root,
[data-theme=dark] {
  --bg:#111111;
  --card:#1C1C1C;
  --text:#ECECEC;
  --ink:236,236,236;
  --border:#2C2C2C;
  --header-bg:rgba(17,17,17,.9);
  --pri:#F0272E;
  --pri-esc:#FF5A60;
  --pri-bg:rgba(240,39,46,.14);
  --seg-bg:#ECECEC;
  --seg-fg:#111111;
  --mh-col:rgba(255,255,255,.035);
  --mh-col-borda:rgba(255,255,255,.07);
  --tr-red:#F0272E;
}
[data-theme=light] {
  --bg:#F2F2F2;
  --card:#FFFFFF;
  --text:#1A1A1A;
  --ink:26,26,26;
  --border:#E6E6E6;
  --header-bg:rgba(242,242,242,.9);
  --pri:#F0272E;
  --pri-esc:#C11A20;
  --pri-bg:rgba(240,39,46,.08);
  --seg-bg:#1A1A1A;
  --seg-fg:#FFFFFF;
  --mh-col:#FAFAFA;
  --mh-col-borda:#E6E6E6;
  --tr-red:#F0272E;
}
.btn.primary,
[data-theme=dark] .btn.primary,
:root:not([data-theme=light]) .btn.primary {
  background: var(--tr-red);
  color: #fff;
  border-color: transparent;
}
.btn.primary:hover {
  background: #C11A20;
  opacity: 1;
}
.sb-logo .sb-wm {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sb-logo .sb-wm img {
  height: 15px;
  width: auto;
  display: block;
}
.sb-logo .sb-wm i {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(var(--ink), .55);
}
.ph {
  position: relative;
}
.ph::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 1px;
  background-image:
    linear-gradient(
      to right,
      var(--tr-red) 0 3px,
      transparent 3px 7px);
  background-size: 7px 1px;
  background-repeat: repeat-x;
  opacity: .85;
  pointer-events: none;
}
[data-shell=lateral] .nav a.on {
  position: relative;
}
[data-shell=lateral] .nav a.on::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 3px;
  background: var(--tr-red);
}
[data-shell=lateral] .topbar {
  background: #111111;
  border-right-color: #111111;
}
#mbGaveta {
  --card:#111111;
  --text:#F2F2F2;
  --ink:242,242,242;
  --border:#2A2A2A;
  --pri-bg:rgba(240,39,46,.18);
  --pri-esc:#FF5A60;
  --seg-bg:#F2F2F2;
  --seg-fg:#111111;
  background: #111111;
  color: #F2F2F2;
}
#mbGaveta .nav a {
  color: rgba(242, 242, 242, .72);
}
#mbGaveta .nav a:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, .06);
}
#mbGaveta .nav a.on {
  color: #FFFFFF;
  background: rgba(240, 39, 46, .16);
  box-shadow: none;
}
#mbGaveta .nav-g {
  color: rgba(242, 242, 242, .38);
}
#mbGaveta .sb-wm i {
  color: rgba(242, 242, 242, .6);
}
.fi-barra i {
  background: var(--text);
}
.fi-barra i.c {
  background: var(--tr-red);
  opacity: 1;
}
.fi-leg span:first-child i {
  background: var(--text) !important;
}
.fi-leg span:nth-child(2) i {
  background: var(--tr-red) !important;
}