@charset "UTF-8";
/* =====================================================================
   Tema Perego v2 — claro (ref. tela.png) + escuro (ref. dark.png)
   Sidebar clara, logo azul no claro / branco no dark, cards modernos.
   Só CSS/variáveis — reversível trocando a paleta. Marca azul #0051A0.
   ===================================================================== */
:root[data-glpi-theme=perego] {
  --tblr-primary: #0051A0;
  --tblr-primary-rgb: 0, 81, 160;
  --tblr-link-color: #0051A0;
  --tblr-link-color-rgb: 0, 81, 160;
  --tblr-link-hover-color: #003D7A;
  /* Sidebar CLARA */
  --glpi-mainmenu-bg: #ffffff;
  --glpi-mainmenu-fg: #3f5168;
  --glpi-palette-color-1: #0051A0;
  --glpi-palette-color-2: #ffffff;
  --glpi-palette-color-3: #2b7fd4;
  --glpi-palette-color-4: #0051A0;
  /* Logo: AZUL no claro, BRANCO no escuro (GLPI escolhe pela variante) */
  --glpi-logo-light: url("../pics/perego-blue.png");
  --glpi-logo-light-reduced: url("../pics/perego-blue.png");
  --glpi-logo-light-login: url("../pics/perego-blue.png");
  --glpi-logo-dark: url("../pics/perego-white.png");
  --glpi-logo-dark-reduced: url("../pics/perego-white.png");
  --glpi-logo-dark-login: url("../pics/perego-white.png");
  --glpi-logo: url("../pics/perego-blue.png");
  --glpi-logo-reduced: url("../pics/perego-blue.png");
  --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tblr-border-radius: .75rem;
  --tblr-border-radius-sm: .5rem;
  --tblr-border-radius-lg: 1rem;
  --tblr-body-bg: #eef2f7;
  --tblr-body-color: #1f2a37;
  --tblr-border-color: #e5e9f0;
  --glpi-content-bg: #eef2f7;
}

/* ===== Sidebar clara ===== */
:root[data-glpi-theme=perego] .navbar-vertical.sidebar,
:root[data-glpi-theme=perego] #navbar-menu.navbar-vertical {
  background: #ffffff !important;
  border-right: 1px solid #e6ebf2 !important;
  box-shadow: 2px 0 16px -12px rgba(16, 40, 80, 0.35);
}

:root[data-glpi-theme=perego] .navbar-vertical .navbar-brand {
  padding: 18px 12px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-item {
  margin: 2px 0.6rem;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-link {
  color: #3f5168 !important;
  border-radius: 0.625rem;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-link i,
:root[data-glpi-theme=perego] .navbar-vertical .nav-link .ti {
  color: #6b7a90 !important;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-link:hover {
  background: #eef4fc !important;
  color: #0051A0 !important;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-link:hover i,
:root[data-glpi-theme=perego] .navbar-vertical .nav-link:hover .ti {
  color: #0051A0 !important;
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-item.active > .nav-link,
:root[data-glpi-theme=perego] .navbar-vertical .nav-link.active {
  background: #0051A0 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px -5px rgba(0, 81, 160, 0.55);
}

:root[data-glpi-theme=perego] .navbar-vertical .nav-item.active > .nav-link i,
:root[data-glpi-theme=perego] .navbar-vertical .nav-link.active i,
:root[data-glpi-theme=perego] .navbar-vertical .nav-item.active > .nav-link .ti,
:root[data-glpi-theme=perego] .navbar-vertical .nav-link.active .ti {
  color: #ffffff !important;
}

:root[data-glpi-theme=perego] .navbar-vertical hr {
  border-color: #e6ebf2 !important;
}

/* ===== Topbar / cards / botões / forms (claro) ===== */
:root[data-glpi-theme=perego] header .navbar,
:root[data-glpi-theme=perego] .navbar.sticky-lg-top {
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
  border-bottom: 1px solid #eef2f7;
}

:root[data-glpi-theme=perego] .card {
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius-lg);
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
  transition: box-shadow 0.2s ease, transform 0.12s ease;
}

:root[data-glpi-theme=perego] .card:hover {
  box-shadow: 0 10px 26px -12px rgba(16, 24, 40, 0.22);
}

:root[data-glpi-theme=perego] .card .card-header {
  background: transparent;
  font-weight: 600;
  border-top-left-radius: var(--tblr-border-radius-lg);
  border-top-right-radius: var(--tblr-border-radius-lg);
}

:root[data-glpi-theme=perego] .btn {
  border-radius: 0.625rem;
  font-weight: 500;
}

:root[data-glpi-theme=perego] .btn-primary {
  background: #0051A0;
  border-color: #0051A0;
  box-shadow: 0 3px 10px rgba(0, 81, 160, 0.3);
}

:root[data-glpi-theme=perego] .btn-primary:hover {
  background: #003D7A;
  border-color: #003D7A;
}

:root[data-glpi-theme=perego] .form-control, :root[data-glpi-theme=perego] .form-select {
  border-radius: 0.625rem;
  border-color: #d7dee8;
}

:root[data-glpi-theme=perego] .form-control:focus, :root[data-glpi-theme=perego] .form-select:focus {
  border-color: #0051A0;
  box-shadow: 0 0 0 0.2rem rgba(0, 81, 160, 0.15);
}

:root[data-glpi-theme=perego] .table > thead th {
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: #667085;
  font-weight: 600;
}

:root[data-glpi-theme=perego] .table > tbody > tr:hover > * {
  background: rgba(0, 81, 160, 0.04);
}

:root[data-glpi-theme=perego] .badge {
  border-radius: 0.5rem;
  font-weight: 600;
}

:root[data-glpi-theme=perego] .dropdown-menu {
  border-radius: 0.75rem;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12);
  border-color: var(--tblr-border-color);
}

/* ===== MODO ESCURO (dark.png) — ativado quando data-bs-theme=dark ===== */
:root[data-glpi-theme=perego][data-bs-theme=dark] {
  --glpi-mainmenu-bg: #0d1526;
  --glpi-mainmenu-fg: #aeb9cc;
  --tblr-body-bg: #0a0f1c;
  --tblr-body-color: #e2e8f0;
  --tblr-border-color: #1b2740;
  --glpi-content-bg: #0a0f1c;
  --glpi-logo: url("../pics/perego-white.png");
  --glpi-logo-light: url("../pics/perego-white.png");
  --glpi-logo-light-reduced: url("../pics/perego-white.png");
  --glpi-logo-reduced: url("../pics/perego-white.png");
  --glpi-logo-dark: url("../pics/perego-white.png");
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical.sidebar,
:root[data-glpi-theme=perego][data-bs-theme=dark] #navbar-menu.navbar-vertical {
  background: #0d1526 !important;
  border-right: 1px solid #1b2740 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-link {
  color: #aeb9cc !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-link i,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-link .ti {
  color: #7f8ba3 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-link:hover {
  background: #16223c !important;
  color: #fff !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-item.active > .nav-link,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-vertical .nav-link.active {
  background: #1d4ed8 !important;
  color: #fff !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] header.navbar,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar.navbar-light,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar.sticky-lg-top {
  background: #0d1526 !important;
  border-bottom: 1px solid #1b2740 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] header.navbar,
:root[data-glpi-theme=perego][data-bs-theme=dark] header.navbar .nav-link,
:root[data-glpi-theme=perego][data-bs-theme=dark] header.navbar a,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-light .nav-link {
  color: #cbd5e1 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] header.navbar .form-control {
  background: #0f1a30 !important;
  border-color: #26324d !important;
}

/* faixa/aba de views do dashboard */
:root[data-glpi-theme=perego][data-bs-theme=dark] .glpi-dashboard,
:root[data-glpi-theme=perego][data-bs-theme=dark] .card-tabs .nav,
:root[data-glpi-theme=perego][data-bs-theme=dark] .navbar-nav {
  background: transparent !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .card {
  background: #111a2e !important;
  border-color: #1b2740 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .page-title, :root[data-glpi-theme=perego][data-bs-theme=dark] h1, :root[data-glpi-theme=perego][data-bs-theme=dark] h2 {
  color: #f1f5f9 !important;
}

/* ===== Abas (Dashboard/Visão pessoal/...) e componentes no ESCURO ===== */
:root[data-glpi-theme=perego][data-bs-theme=dark] .nav-tabs,
:root[data-glpi-theme=perego][data-bs-theme=dark] .card-tabs {
  border-color: #1b2740 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .nav-tabs .nav-link,
:root[data-glpi-theme=perego][data-bs-theme=dark] .card-tabs .nav-link {
  color: #aeb9cc !important;
  background: transparent !important;
  border-color: transparent !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .nav-tabs .nav-link:hover {
  color: #fff !important;
  background: #16223c !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .nav-tabs .nav-link.active,
:root[data-glpi-theme=perego][data-bs-theme=dark] .card-tabs .nav-link.active {
  color: #fff !important;
  background: #111a2e !important;
  border-color: #1b2740 #1b2740 #111a2e !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .form-control,
:root[data-glpi-theme=perego][data-bs-theme=dark] .form-select,
:root[data-glpi-theme=perego][data-bs-theme=dark] textarea {
  background: #0f1a30 !important;
  border-color: #26324d !important;
  color: #e2e8f0 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .form-control::placeholder {
  color: #64748b !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .table {
  color: #cbd5e1;
  --tblr-table-border-color: #1b2740;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .table > thead th {
  color: #94a3b8 !important;
  background: #0d1526 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .table > tbody > tr:hover > * {
  background: rgba(255, 255, 255, 0.03) !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .dropdown-menu {
  background: #111a2e !important;
  border-color: #1b2740 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .dropdown-item {
  color: #cbd5e1 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .dropdown-item:hover {
  background: #16223c !important;
  color: #fff !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .breadcrumb,
:root[data-glpi-theme=perego][data-bs-theme=dark] .text-muted {
  color: #94a3b8 !important;
}

:root[data-glpi-theme=perego][data-bs-theme=dark] .form-label,
:root[data-glpi-theme=perego][data-bs-theme=dark] label {
  color: #cbd5e1 !important;
}

/* ===== Formulários internos mais modernos (tira o visual "anos 2000") ===== */
:root[data-glpi-theme=perego] .form-control,
:root[data-glpi-theme=perego] .form-select {
  min-height: 40px;
  padding: 0.45rem 0.75rem;
}

:root[data-glpi-theme=perego] textarea.form-control {
  min-height: 92px;
}

:root[data-glpi-theme=perego] .btn-primary {
  border: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 81, 160, 0.22) !important;
}

:root[data-glpi-theme=perego] .btn-primary:hover {
  box-shadow: 0 5px 14px rgba(0, 81, 160, 0.32) !important;
}

:root[data-glpi-theme=perego] .card > .card-body {
  padding: 22px 24px;
}

:root[data-glpi-theme=perego] label,
:root[data-glpi-theme=perego] .col-form-label {
  font-weight: 600;
  color: #374151;
}

/* Login: refinado pelo CSS da entidade (CONNECT-LOGIN v3). */
body.welcome-anonymous .main-content-card {
  border: none;
}