@charset "UTF-8";
/* theme-name: Onspit */
:root[data-glpi-theme=onspit] {
  --tblr-primary-rgb: 106, 75, 255;
  --tblr-primary-fg: #fff;
  --tblr-link-color-rgb: 77, 51, 214;
  --glpi-mainmenu-bg: #1d1452;
  --glpi-mainmenu-fg: #ffffff;
  --glpi-mainmenu-fg-muted: #ffffffa6;
  --glpi-helpdesk-header: #ece7ff;
  --glpi-palette-color-1: #1d1452;
  --glpi-palette-color-2: #4d33d6;
  --glpi-palette-color-3: #8a72ff;
  --glpi-palette-color-4: #fff;
  --glpi-illustrations-gradient-1: #f1edff;
  --glpi-illustrations-gradient-2: #b9a9ff;
  --glpi-illustrations-gradient-3: #6a4bff;
  --glpi-logo-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='55' viewBox='0 0 100 55'%3E%3Csvg x='0' y='12' width='30' height='30' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3Ctext x='37' y='33' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='13.5' letter-spacing='1.2' fill='%23ffffff'%3EONSPIT%3C/text%3E%3C/svg%3E");
  --glpi-logo-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='55' viewBox='0 0 100 55'%3E%3Csvg x='0' y='12' width='30' height='30' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3Ctext x='37' y='33' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='13.5' letter-spacing='1.2' fill='%2317122e'%3EONSPIT%3C/text%3E%3C/svg%3E");
  --glpi-logo-light-reduced: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Csvg x='2' y='2' width='36' height='36' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E");
  --glpi-logo-dark-reduced: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Csvg x='2' y='2' width='36' height='36' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E");
  --glpi-logo-light-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='110' viewBox='0 0 200 110'%3E%3Csvg x='74' y='4' width='52' height='52' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3Ctext x='100' y='84' text-anchor='middle' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='25' letter-spacing='4.5' fill='%23ffffff'%3EONSPIT%3C/text%3E%3Ctext x='100' y='104' text-anchor='middle' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='9.5' letter-spacing='2.8' fill='%23cfc4ff'%3ECENTRO DE SOPORTE%3C/text%3E%3C/svg%3E");
  --glpi-logo-dark-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='110' viewBox='0 0 200 110'%3E%3Csvg x='74' y='4' width='52' height='52' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%239b86ff'/%3E%3Cstop offset='.5' stop-color='%236a4bff'/%3E%3Cstop offset='1' stop-color='%233b22b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url%28%23g%29'/%3E%3Cg fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M22 20.5a16 16 0 1 0 20 0'/%3E%3Cpath d='M32 13v18'/%3E%3C/g%3E%3C/svg%3E%3Ctext x='100' y='84' text-anchor='middle' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='25' letter-spacing='4.5' fill='%2317122e'%3EONSPIT%3C/text%3E%3Ctext x='100' y='104' text-anchor='middle' font-family='Space Grotesk,Avenir Next,Helvetica,Arial,sans-serif' font-weight='700' font-size='9.5' letter-spacing='2.8' fill='%236a4bff'%3ECENTRO DE SOPORTE%3C/text%3E%3C/svg%3E");
}
:root[data-glpi-theme=onspit] body.welcome-anonymous {
  min-height: 100vh;
  background-color: #f6f4fd;
  background-image: radial-gradient(55% 45% at 12% 8%, rgba(106, 75, 255, 0.3), transparent 70%), radial-gradient(45% 40% at 92% 88%, rgba(59, 130, 246, 0.22), transparent 70%), radial-gradient(35% 30% at 88% 10%, rgba(240, 97, 109, 0.16), transparent 70%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
:root[data-glpi-theme=onspit] .page-anonymous > .flex-fill {
  justify-content: flex-start !important;
  margin-top: 0 !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .container-tight {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .glpi-logo {
  margin-bottom: 1rem !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .text-muted {
  color: #5d5878 !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .text-muted a {
  color: #4d33d6 !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .container-tight {
  max-width: 27rem !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .main-content-card {
  border: 1px solid #e3ddf8;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 30px 70px -30px rgba(54, 32, 170, 0.38);
  overflow: hidden;
}
:root[data-glpi-theme=onspit] .page-anonymous .main-content-card::before {
  content: "";
  display: block;
  height: 5px;
  background: linear-gradient(90deg, #8a72ff, #6a4bff 45%, #3b82f6 80%, #f0616d);
}
:root[data-glpi-theme=onspit] .page-anonymous .main-content-card > .card-body {
  padding: 2.2rem 2rem 1.6rem;
}
:root[data-glpi-theme=onspit] .page-anonymous .main-content-card .col-md-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
:root[data-glpi-theme=onspit] .page-anonymous form .card-header {
  display: none;
}
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container,
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container * {
  font-family: inherit !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container {
  text-align: center !important;
  margin: 0 0 1.6rem;
  color: #5d5878;
  font-size: 0.95rem;
  line-height: 1.55;
}
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container p {
  margin: 0;
}
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container strong,
:root[data-glpi-theme=onspit] .page-anonymous .rich_text_container b {
  display: block;
  margin-bottom: 0.35rem;
  color: #17122e;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-label {
  font-weight: 600;
  color: #17122e;
  margin-bottom: 0.4rem;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-control,
:root[data-glpi-theme=onspit] .page-anonymous .form-select,
:root[data-glpi-theme=onspit] .page-anonymous .select2-container .select2-selection--single {
  min-height: 46px;
  border-radius: 12px !important;
  border: 1.5px solid #e3ddf8 !important;
  background-color: #f7f5ff !important;
  font-size: 1rem;
}
:root[data-glpi-theme=onspit] .page-anonymous .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .select2-container .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-control:focus {
  border-color: #6a4bff !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(106, 75, 255, 0.15) !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-check-input:checked {
  background-color: #6a4bff;
  border-color: #6a4bff;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-footer .btn-primary {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  font-size: 1.02rem;
  font-weight: 700;
  background: linear-gradient(120deg, #8a72ff 0%, #6a4bff 50%, #4d33d6 100%);
  box-shadow: 0 14px 30px -12px rgba(106, 75, 255, 0.9);
  transition: transform 0.2s, box-shadow 0.2s;
}
:root[data-glpi-theme=onspit] .page-anonymous .form-footer .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px -12px rgb(106, 75, 255);
}
:root[data-glpi-theme=onspit] .page-anonymous .main-content-card a:not(.btn) {
  color: #4d33d6;
  font-weight: 600;
}
:root[data-glpi-theme=onspit] .page-anonymous .btn-primary,
:root[data-glpi-theme=onspit] .page-anonymous a.btn-primary {
  color: #ffffff !important;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  background: linear-gradient(120deg, #8a72ff 0%, #6a4bff 50%, #4d33d6 100%);
  box-shadow: 0 12px 26px -12px rgba(106, 75, 255, 0.9);
}
:root[data-glpi-theme=onspit] .page-anonymous .btn-primary i,
:root[data-glpi-theme=onspit] .page-anonymous .btn-primary .ti {
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .page-anonymous .btn-primary:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
}
:root[data-glpi-theme=onspit] a.copyright {
  font-size: 0 !important;
  color: transparent !important;
  pointer-events: none;
  cursor: default;
  text-decoration: none !important;
}
:root[data-glpi-theme=onspit] a.copyright::after {
  content: "© Onspit · Centro de soporte";
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #7a7596;
}
:root[data-glpi-theme=onspit] .sidebar {
  background: linear-gradient(180deg, #2a1b7a 0%, #1d1452 55%, #130d3a 100%) !important;
  box-shadow: 6px 0 24px -16px rgba(19, 13, 58, 0.6);
}
:root[data-glpi-theme=onspit] .sidebar .navbar-nav .nav-item .nav-link {
  border-radius: 12px;
  margin: 2px 10px;
  transition: background 0.2s, color 0.2s;
}
:root[data-glpi-theme=onspit] .sidebar .navbar-nav .nav-item .nav-link.active,
:root[data-glpi-theme=onspit] .sidebar .navbar-nav .nav-item .nav-link.show {
  background: rgba(138, 114, 255, 0.28) !important;
  color: #fff !important;
}
:root[data-glpi-theme=onspit] .sidebar .navbar-nav .nav-item:hover .nav-link {
  background: rgba(255, 255, 255, 0.08) !important;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.82) !important;
  border-radius: 10px;
  margin: 1px 10px 1px 14px;
  width: auto;
  transition: background 0.15s, color 0.15s;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item i,
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item .ti {
  color: #b9a9ff !important;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item:hover i,
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item:focus i {
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item.active:hover {
  background: rgba(138, 114, 255, 0.32) !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: inset 3px 0 0 #b9a9ff;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item.active i,
:root[data-glpi-theme=onspit] .sidebar .dropdown-menu .dropdown-item.active .ti {
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .sidebar .dropdown-item u,
:root[data-glpi-theme=onspit] .sidebar .nav-link u {
  text-decoration: none !important;
}
:root[data-glpi-theme=onspit] body:not(.welcome-anonymous) .page-wrapper,
:root[data-glpi-theme=onspit] body:not(.welcome-anonymous) .page-body {
  background-color: #f6f4fd;
}
:root[data-glpi-theme=onspit] header.navbar:not(.topbar) {
  background: #fff !important;
  border-bottom: 1px solid #e3ddf8;
}
:root[data-glpi-theme=onspit] header.topbar {
  background: linear-gradient(90deg, #2a1b7a 0%, #1d1452 60%, #130d3a 100%) !important;
  border-bottom: 0;
}
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.86) !important;
  opacity: 1 !important;
  border-radius: 12px;
  padding: 0.45rem 0.8rem;
  transition: background 0.2s, color 0.2s;
}
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item .nav-link i,
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item .nav-link .ti {
  color: #b9a9ff !important;
}
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item .nav-link:hover {
  background: rgba(255, 255, 255, 0.09);
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item.active .nav-link,
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item .nav-link.active {
  background: rgba(138, 114, 255, 0.32);
  color: #ffffff !important;
  font-weight: 600;
}
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item.active .nav-link i,
:root[data-glpi-theme=onspit] .topbar #navbar-menu .nav-item.active .nav-link .ti {
  color: #ffffff !important;
}
:root[data-glpi-theme=onspit] .topbar .nav-link u {
  text-decoration: none !important;
}
:root[data-glpi-theme=onspit] .topbar .navbar-toggler-icon {
  filter: invert(1) brightness(2);
}
:root[data-glpi-theme=onspit] .navbar .form-control,
:root[data-glpi-theme=onspit] .navbar .input-group {
  border-radius: 12px;
}
:root[data-glpi-theme=onspit] .card {
  border-radius: 16px;
  border-color: #e3ddf8;
}
:root[data-glpi-theme=onspit] .nav-tabs .nav-link.active {
  color: #4d33d6 !important;
  border-bottom-color: #6a4bff !important;
}
:root[data-glpi-theme=onspit] .btn-primary {
  background: linear-gradient(120deg, #8a72ff 0%, #6a4bff 50%, #4d33d6 100%);
  border: 0;
  box-shadow: 0 8px 18px -10px rgba(106, 75, 255, 0.9);
}
:root[data-glpi-theme=onspit] .dashboard .card.big-number,
:root[data-glpi-theme=onspit] .dashboard .card.multiple-numbers,
:root[data-glpi-theme=onspit] .dashboard .card.summary-numbers {
  background-color: #fff !important;
  color: #17122e !important;
  border: 1px solid #e3ddf8 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px -20px rgba(54, 32, 170, 0.45);
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
:root[data-glpi-theme=onspit] .dashboard .card.big-number:hover,
:root[data-glpi-theme=onspit] .dashboard .card.multiple-numbers:hover,
:root[data-glpi-theme=onspit] .dashboard .card.summary-numbers:hover {
  background-color: #fff !important;
  border-color: #8a72ff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px -20px rgba(106, 75, 255, 0.6);
}
:root[data-glpi-theme=onspit] .dashboard .card.big-number .content,
:root[data-glpi-theme=onspit] .dashboard .card.multiple-numbers .content {
  color: #17122e !important;
  font-weight: 700;
}
:root[data-glpi-theme=onspit] .dashboard .card.big-number .label,
:root[data-glpi-theme=onspit] .dashboard .card.multiple-numbers .label {
  color: #5d5878 !important;
}
:root[data-glpi-theme=onspit] .dashboard .card .main-icon {
  opacity: 1 !important;
  color: var(--onspit-acento, #6a4bff) !important;
}
:root[data-glpi-theme=onspit] .dashboard .grid-stack-item:nth-child(5n+1) {
  --onspit-acento: #6a4bff;
}
:root[data-glpi-theme=onspit] .dashboard .grid-stack-item:nth-child(5n+2) {
  --onspit-acento: #3b82f6;
}
:root[data-glpi-theme=onspit] .dashboard .grid-stack-item:nth-child(5n+3) {
  --onspit-acento: #f0616d;
}
:root[data-glpi-theme=onspit] .dashboard .grid-stack-item:nth-child(5n+4) {
  --onspit-acento: #1f9d63;
}
:root[data-glpi-theme=onspit] .dashboard .grid-stack-item:nth-child(5n+5) {
  --onspit-acento: #f59e0b;
}
:root[data-glpi-theme=onspit] .dashboard .empty-card,
:root[data-glpi-theme=onspit] .dashboard .no-data {
  background-color: #f7f5ff !important;
  border: 1.5px dashed #d9d0fb !important;
  color: #8a84a8 !important;
  border-radius: 18px !important;
}
:root[data-glpi-theme=onspit] .dashboard .empty-card .icon,
:root[data-glpi-theme=onspit] .dashboard .no-data .icon {
  color: #b9a9ff !important;
}