@charset "UTF-8";
:root[data-glpi-theme=gv_monitor] {
  --tblr-primary-rgb: 45, 196, 180;
  --tblr-link-color-rgb: 26, 52, 97;
  --tblr-body-bg: #f4f7fb;
  --tblr-bg-surface: #ffffff;
  --tblr-border-color: #e4ebf4;
  --glpi-mainmenu-bg: #111e3d;
  --glpi-mainmenu-fg: #ffffff;
  --glpi-helpdesk-header: #e8eef5;
  --glpi-palette-color-1: #1a3461;
  --glpi-palette-color-2: #111e3d;
  --glpi-palette-color-3: #2dc4b4;
  --glpi-palette-color-4: #2dc4b4;
  --glpi-illustrations-gradient-1: #e8eef5;
  --glpi-illustrations-gradient-2: #2dc4b4;
  --glpi-illustrations-gradient-3: #1a3461;
  --gv-ink: #1a3461;
  --gv-ink-2: #334e73;
  --gv-muted: #6b7f9c;
  --gv-line: #e4ebf4;
  --gv-soft: #f6f9fc;
  --gv-teal: #2dc4b4;
  --gv-ok: #12805a;
  --gv-warn: #b45309;
  --gv-bad: #b91c1c;
}

html[data-glpi-theme=gv_monitor] {
  background: #f4f7fb;
  /* Sidebar: o mesmo degradê navy do painel, não o verde de fábrica. */
  /* Topo: branco limpo, sem a faixa verde. */
  /* Abas da Central: pills como no painel, não um sub-menu grosso. */
  /* ── Dashboard ───────────────────────────────────────────────
     Os widgets pintam o card inteiro. Mantemos a cor original só numa
     faixa à esquerda (o fundo branco cobre o resto) para o número
     continuar navy e o alerta (atrasado / problema) continuar visível. */
  /* Gráficos e listas: o mesmo card branco, sem o fundo pastel. */
  /* Login anônimo também herda o navy. */
}
html[data-glpi-theme=gv_monitor] .page,
html[data-glpi-theme=gv_monitor] .page-wrapper,
html[data-glpi-theme=gv_monitor] .page-body,
html[data-glpi-theme=gv_monitor] #page,
html[data-glpi-theme=gv_monitor] .page-wrapper > .page-body {
  background: #f4f7fb;
}
html[data-glpi-theme=gv_monitor] .navbar-vertical,
html[data-glpi-theme=gv_monitor] .navbar.navbar-vertical,
html[data-glpi-theme=gv_monitor] aside.navbar {
  background: linear-gradient(180deg, #111e3d 0%, #1a3461 100%) !important;
  border-inline-end: 0 !important;
}
html[data-glpi-theme=gv_monitor] .navbar-vertical .navbar-brand,
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-link {
  color: rgba(255, 255, 255, 0.82);
}
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-link.active,
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-item.active > .nav-link,
html[data-glpi-theme=gv_monitor] .navbar-vertical .dropdown-item.active {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  box-shadow: inset 2px 0 0 var(--gv-teal);
  font-weight: 650;
}
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-link-title,
html[data-glpi-theme=gv_monitor] .navbar-vertical .nav-link-icon {
  color: inherit;
}
html[data-glpi-theme=gv_monitor] .navbar.navbar-expand-md:not(.navbar-vertical),
html[data-glpi-theme=gv_monitor] header.navbar,
html[data-glpi-theme=gv_monitor] .page-header {
  background: #fff !important;
  border-bottom: 1px solid var(--gv-line);
  color: var(--gv-ink);
}
html[data-glpi-theme=gv_monitor] .breadcrumb {
  background: transparent;
}
html[data-glpi-theme=gv_monitor] .nav-tabs .nav-link,
html[data-glpi-theme=gv_monitor] .secondary-nav .nav-link {
  color: var(--gv-ink-2);
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.84rem;
}
html[data-glpi-theme=gv_monitor] .nav-tabs .nav-link.active,
html[data-glpi-theme=gv_monitor] .secondary-nav .nav-link.active {
  background: var(--gv-ink) !important;
  color: #fff !important;
  border-color: var(--gv-ink) !important;
}
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack-item-content .card {
  background-image: linear-gradient(#fff, #fff) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0 !important;
  background-size: calc(100% - 5px) 100% !important;
  color: var(--gv-ink) !important;
  border: 1px solid var(--gv-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(26, 52, 97, 0.04) !important;
  overflow: hidden;
}
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack-item-content .card a,
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack-item-content .card .content,
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack-item-content .card .main-label,
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack-item-content .card .label {
  color: inherit;
}
html[data-glpi-theme=gv_monitor] .dashboard .big-number {
  padding: 14px 16px 12px;
  height: 100%;
  box-sizing: border-box;
}
html[data-glpi-theme=gv_monitor] .dashboard .big-number .content {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--gv-ink) !important;
  font-variant-numeric: tabular-nums;
}
html[data-glpi-theme=gv_monitor] .dashboard .big-number .main-label {
  margin: 8px 0 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--gv-muted) !important;
  max-width: calc(100% - 2.8em);
}
html[data-glpi-theme=gv_monitor] .dashboard .big-number .main-icon {
  font-size: 1.75em;
  color: var(--gv-teal) !important;
  opacity: 0.85;
  inset-inline-end: 16px;
  top: 14px;
  bottom: auto;
}
html[data-glpi-theme=gv_monitor] .dashboard .grid-stack {
  min-height: 0;
}
html[data-glpi-theme=gv_monitor] .dashboard:not(.mini) .grid-stack-item-content .card {
  min-height: 100%;
}
html[data-glpi-theme=gv_monitor] .dashboard .toolbar {
  background: transparent;
}
html[data-glpi-theme=gv_monitor] .dashboard .toolbar .btn,
html[data-glpi-theme=gv_monitor] .dashboard .toolbar .select2-selection {
  border-radius: 999px;
  border-color: var(--gv-line);
  color: var(--gv-ink-2);
  background: #fff;
}
html[data-glpi-theme=gv_monitor] .dashboard .g-chart .card,
html[data-glpi-theme=gv_monitor] .dashboard .markdown .card {
  color: var(--gv-ink) !important;
}
html[data-glpi-theme=gv_monitor] .page-anonymous .img-banner,
html[data-glpi-theme=gv_monitor] .page-anonymous .col-login {
  background: linear-gradient(180deg, #111e3d 0%, #1a3461 100%);
}