/* theme-name: KCL Tecnologia */
:root[data-glpi-theme=kcl], :root[data-glpi-theme=kcl_dark] {
  --kcl-radius-sm: 8px;
  --kcl-radius-md: 10px;
  --kcl-radius-lg: 14px;
  --kcl-radius-xl: 18px;
  --kcl-shadow-sm: 0 1px 2px rgb(15 26 46 / 6%);
  --kcl-shadow-md: 0 1px 2px rgb(15 26 46 / 5%), 0 4px 12px -2px rgb(15 26 46 / 8%);
  --kcl-shadow-lg: 0 1px 3px rgb(15 26 46 / 6%), 0 12px 28px -6px rgb(15 26 46 / 12%);
  --kcl-shadow-menu: 0 8px 32px -8px rgb(8 15 30 / 40%);
  --kcl-transition: 140ms cubic-bezier(.4, 0, .2, 1);
  --kcl-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto,
      "Helvetica Neue", Arial, sans-serif;
}

:root[data-glpi-theme=kcl] {
  color-scheme: light;
  --kcl-accent: #e0a316;
  --kcl-accent-strong: #c98a09;
  --kcl-accent-fg: #1b1403;
  --kcl-accent-wash: #fdf4e0;
  --kcl-focus-ring: rgb(224 163 22 / 18%);
  --kcl-ink-1: #0f1a2e;
  --kcl-ink-2: #4a586f;
  --kcl-ink-3: #7c8a9f;
  --kcl-plane: #eef2f7;
  --kcl-surface: #fff;
  --kcl-surface-2: #f7f9fc;
  --kcl-surface-3: #eff3f8;
  --kcl-line: rgb(15 26 46 / 8%);
  --kcl-line-strong: rgb(15 26 46 / 14%);
  --kcl-nav-bg: #101b30;
  --kcl-nav-fg: #e7ecf5;
  --kcl-nav-fg-muted: #93a1ba;
  --kcl-nav-hover: rgb(255 255 255 / 7%);
  --kcl-nav-active: rgb(255 255 255 / 11%);
  --tblr-primary-rgb: 224 163 22;
  --tblr-primary-fg: var(--kcl-accent-fg);
  --tblr-link-color-rgb: 30 90 168;
  --tblr-body-bg: var(--kcl-plane);
  --tblr-body-color: var(--kcl-ink-1);
  --tblr-bg-surface: var(--kcl-surface);
  --tblr-bg-surface-secondary: var(--kcl-surface-2);
  --tblr-bg-surface-tertiary: var(--kcl-surface-3);
  --tblr-border-color: var(--kcl-line);
  --tblr-secondary: var(--kcl-ink-2);
  --tblr-tertiary: var(--kcl-ink-3);
  --tblr-muted: var(--kcl-ink-3);
  --glpi-mainmenu-bg: var(--kcl-nav-bg);
  --glpi-mainmenu-fg: var(--kcl-nav-fg);
  --glpi-mainmenu-fg-muted: var(--kcl-nav-fg-muted);
  --glpi-mainmenu-active-bg: var(--kcl-nav-active);
  --glpi-tabs-bg: transparent;
  --glpi-tabs-fg: var(--kcl-ink-2);
  --glpi-tabs-active-bg: var(--kcl-surface);
  --glpi-tabs-active-fg: var(--kcl-ink-1);
  --glpi-tabs-border-color: var(--kcl-line);
  --glpi-tabs-active-border-color: var(--kcl-line);
  --glpi-search-bg: var(--kcl-surface);
  --glpi-search-fg: var(--kcl-ink-1);
  --glpi-search-border-color: var(--kcl-line-strong);
  --glpi-badge-bg: #e8eef8;
  --glpi-badge-fg: #1e5aa8;
  --glpi-hover-bg: rgb(15 26 46 / 4%);
  --glpi-scrollbar-thumb-color: rgb(15 26 46 / 18%);
  --kcl-tile-bg: var(--kcl-surface);
  --kcl-tile-hover-bg: var(--kcl-surface-2);
  --kcl-tile-icon-bg: #eaf0f9;
  --kcl-tile-icon-fg: #1e5aa8;
  --kcl-tile-icon-shift: black 22%;
  --glpi-timeline-itil-content-bg: #f4f8fd;
  --glpi-timeline-itil-content-fg: #16233a;
  --glpi-timeline-itil-content-border-color: #cfdcef;
  --glpi-timeline-fup-bg: #f7f8fa;
  --glpi-timeline-fup-fg: #23303f;
  --glpi-timeline-fup-border-color: #dde1e8;
  --glpi-timeline-task-bg: #fdf6e8;
  --glpi-timeline-task-fg: #33270e;
  --glpi-timeline-task-border-color: #ecdcb6;
  --glpi-timeline-solution-bg: #eef8f2;
  --glpi-timeline-solution-fg: #10291c;
  --glpi-timeline-solution-border-color: #c2e2d0;
  --glpi-timeline-document-bg: #f2f6fc;
  --glpi-timeline-document-fg: #16233a;
  --glpi-timeline-document-border-color: #cddcf0;
}

:root[data-glpi-theme=kcl_dark] {
  color-scheme: dark;
  --kcl-accent: #edb43a;
  --kcl-accent-strong: #f5c65c;
  --kcl-accent-fg: #171102;
  --kcl-accent-wash: #2b2312;
  --kcl-focus-ring: rgb(237 180 58 / 26%);
  --kcl-ink-1: #eef2f8;
  --kcl-ink-2: #a9b6c9;
  --kcl-ink-3: #7f8da3;
  --kcl-plane: #0b1017;
  --kcl-surface: #131923;
  --kcl-surface-2: #1a212d;
  --kcl-surface-3: #212a38;
  --kcl-line: rgb(255 255 255 / 9%);
  --kcl-line-strong: rgb(255 255 255 / 16%);
  --kcl-nav-bg: #0a0f18;
  --kcl-nav-fg: #e7ecf5;
  --kcl-nav-fg-muted: #8492a9;
  --kcl-nav-hover: rgb(255 255 255 / 6%);
  --kcl-nav-active: rgb(255 255 255 / 10%);
  --tblr-primary-rgb: 237 180 58;
  --tblr-primary-fg: var(--kcl-accent-fg);
  --tblr-link-color-rgb: 122 173 245;
  --tblr-body-bg: var(--kcl-plane);
  --tblr-body-color: var(--kcl-ink-1);
  --tblr-body-color-rgb: 238 242 248;
  --tblr-bg-surface: var(--kcl-surface);
  --tblr-bg-surface-secondary: var(--kcl-surface-2);
  --tblr-bg-surface-tertiary: var(--kcl-surface-3);
  --tblr-border-color: var(--kcl-line);
  --tblr-dark: #0b1017;
  --tblr-light: var(--kcl-ink-1);
  --tblr-secondary: var(--kcl-ink-2);
  --tblr-tertiary: var(--kcl-ink-3);
  --tblr-muted: var(--kcl-ink-3);
  --glpi-mainmenu-bg: var(--kcl-nav-bg);
  --glpi-mainmenu-fg: var(--kcl-nav-fg);
  --glpi-mainmenu-fg-muted: var(--kcl-nav-fg-muted);
  --glpi-mainmenu-active-bg: var(--kcl-nav-active);
  --glpi-tabs-bg: transparent;
  --glpi-tabs-fg: var(--kcl-ink-2);
  --glpi-tabs-active-bg: var(--kcl-surface);
  --glpi-tabs-active-fg: var(--kcl-ink-1);
  --glpi-tabs-border-color: var(--kcl-line);
  --glpi-tabs-active-border-color: var(--kcl-line);
  --glpi-search-bg: var(--kcl-surface-2);
  --glpi-search-fg: var(--kcl-ink-1);
  --glpi-search-border-color: var(--kcl-line-strong);
  --glpi-badge-bg: #1c2b42;
  --glpi-badge-fg: #7aadf5;
  --glpi-hover-bg: rgb(255 255 255 / 5%);
  --glpi-scrollbar-thumb-color: rgb(255 255 255 / 16%);
  --kcl-shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);
  --kcl-shadow-md: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 12px -2px rgb(0 0 0 / 45%);
  --kcl-shadow-lg: 0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -6px rgb(0 0 0 / 55%);
  --kcl-tile-bg: var(--kcl-surface);
  --kcl-tile-hover-bg: var(--kcl-surface-2);
  --kcl-tile-icon-bg: #1c2b42;
  --kcl-tile-icon-fg: #7aadf5;
  --kcl-tile-icon-shift: white 20%;
}

:root[data-glpi-theme=kcl] body, :root[data-glpi-theme=kcl_dark] body {
  background: var(--kcl-plane);
  color: var(--kcl-ink-1);
  font-family: var(--kcl-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.005em;
}
:root[data-glpi-theme=kcl] h1, :root[data-glpi-theme=kcl] h2, :root[data-glpi-theme=kcl] h3, :root[data-glpi-theme=kcl] h4, :root[data-glpi-theme=kcl] h5, :root[data-glpi-theme=kcl] h6, :root[data-glpi-theme=kcl] .h1, :root[data-glpi-theme=kcl] .h2, :root[data-glpi-theme=kcl] .h3, :root[data-glpi-theme=kcl] .h4, :root[data-glpi-theme=kcl] .h5, :root[data-glpi-theme=kcl] .h6, :root[data-glpi-theme=kcl_dark] h1, :root[data-glpi-theme=kcl_dark] h2, :root[data-glpi-theme=kcl_dark] h3, :root[data-glpi-theme=kcl_dark] h4, :root[data-glpi-theme=kcl_dark] h5, :root[data-glpi-theme=kcl_dark] h6, :root[data-glpi-theme=kcl_dark] .h1, :root[data-glpi-theme=kcl_dark] .h2, :root[data-glpi-theme=kcl_dark] .h3, :root[data-glpi-theme=kcl_dark] .h4, :root[data-glpi-theme=kcl_dark] .h5, :root[data-glpi-theme=kcl_dark] .h6 {
  color: var(--kcl-ink-1);
  font-weight: 650;
  letter-spacing: -0.018em;
}
:root[data-glpi-theme=kcl] .text-muted, :root[data-glpi-theme=kcl] .form-label-description, :root[data-glpi-theme=kcl] small.form-hint, :root[data-glpi-theme=kcl_dark] .text-muted, :root[data-glpi-theme=kcl_dark] .form-label-description, :root[data-glpi-theme=kcl_dark] small.form-hint {
  color: var(--kcl-ink-3) !important;
}
:root[data-glpi-theme=kcl] a, :root[data-glpi-theme=kcl_dark] a {
  text-decoration: none;
}
:root[data-glpi-theme=kcl] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.card):hover, :root[data-glpi-theme=kcl_dark] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.card):hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
:root[data-glpi-theme=kcl] :focus-visible:not(.form-control):not(.form-select):not(.form-check-input), :root[data-glpi-theme=kcl_dark] :focus-visible:not(.form-control):not(.form-select):not(.form-check-input) {
  outline: 2px solid var(--kcl-accent);
  outline-offset: 2px;
  border-radius: var(--kcl-radius-sm);
}

:root[data-glpi-theme=kcl] .sidebar, :root[data-glpi-theme=kcl_dark] .sidebar {
  background: var(--kcl-nav-bg);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
:root[data-glpi-theme=kcl] .sidebar .navbar-brand, :root[data-glpi-theme=kcl_dark] .sidebar .navbar-brand {
  padding: 20px 16px 16px;
  margin-bottom: 4px;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link {
  position: relative;
  margin: 1px 8px;
  padding: 9px 12px !important;
  border-inline-start: 0;
  border-radius: var(--kcl-radius-md);
  color: var(--kcl-nav-fg);
  font-size: 0.875rem;
  font-weight: 500;
  transition: background var(--kcl-transition), color var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link .ti {
  color: var(--kcl-nav-fg-muted);
  transition: color var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link:hover, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link:hover {
  background: var(--kcl-nav-hover);
  color: #fff;
  text-decoration: none;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link:hover .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link:hover .ti {
  color: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-item.active > .nav-link,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-item.active > .nav-link,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active {
  background: var(--kcl-nav-active);
  box-shadow: inset 3px 0 0 0 var(--kcl-accent);
  color: #fff;
  font-weight: 600;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-item.active > .nav-link .ti,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-item.active > .nav-link .ti,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active .ti {
  color: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .sidebar .menu-label, :root[data-glpi-theme=kcl_dark] .sidebar .menu-label {
  color: inherit;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu {
  margin: 2px 8px 6px;
  padding: 4px;
  border: 0;
  border-radius: var(--kcl-radius-md);
  background-color: rgba(0, 0, 0, 0.22);
  box-shadow: none;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item {
  border-inline-start: 0;
  border-radius: var(--kcl-radius-sm);
  color: var(--kcl-nav-fg);
  font-size: 0.84rem;
  padding: 7px 10px;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item .ti,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item .ti,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item .ti {
  color: var(--kcl-nav-fg-muted);
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item:hover, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item:hover {
  border-inline-start: 0;
  background-color: var(--kcl-nav-hover);
  color: #fff;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item:hover .ti,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item:hover .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item:hover .ti,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item:hover .ti {
  color: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item.active, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item.active {
  border-inline-start: 0;
  background-color: var(--kcl-nav-active);
  box-shadow: inset 3px 0 0 0 var(--kcl-accent);
  color: #fff;
  font-weight: 600;
}
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item.active .ti,
:root[data-glpi-theme=kcl] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item.active .ti, :root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item.active .ti,
:root[data-glpi-theme=kcl_dark] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item.active .ti {
  color: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .sidebar .trigger-fuzzy, :root[data-glpi-theme=kcl] .sidebar .reduce-menu, :root[data-glpi-theme=kcl_dark] .sidebar .trigger-fuzzy, :root[data-glpi-theme=kcl_dark] .sidebar .reduce-menu {
  color: var(--kcl-nav-fg-muted);
  font-size: 0.82rem;
}
:root[data-glpi-theme=kcl] .sidebar .trigger-fuzzy:hover, :root[data-glpi-theme=kcl] .sidebar .reduce-menu:hover, :root[data-glpi-theme=kcl_dark] .sidebar .trigger-fuzzy:hover, :root[data-glpi-theme=kcl_dark] .sidebar .reduce-menu:hover {
  color: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .sidebar .reduce-menu, :root[data-glpi-theme=kcl_dark] .sidebar .reduce-menu {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
:root[data-glpi-theme=kcl] body:not(.navbar-collapsed) .sidebar .navbar-brand .glpi-logo, :root[data-glpi-theme=kcl_dark] body:not(.navbar-collapsed) .sidebar .navbar-brand .glpi-logo {
  background-image: url("/plugins/kcltheme/img/kcl-logo-branco.webp");
  background-size: contain;
  background-position: center;
  width: 72px;
  height: 92px;
}
:root[data-glpi-theme=kcl] .sidebar .dropdown-menu, :root[data-glpi-theme=kcl_dark] .sidebar .dropdown-menu {
  border: 1px solid var(--kcl-line);
  border-radius: var(--kcl-radius-lg);
  box-shadow: var(--kcl-shadow-menu);
  padding: 6px;
}

:root[data-glpi-theme=kcl] header.navbar, :root[data-glpi-theme=kcl_dark] header.navbar {
  background: var(--kcl-surface);
  border-bottom: 1px solid var(--kcl-line);
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] header.navbar .search-input-wrapper .form-control,
:root[data-glpi-theme=kcl] header.navbar #global-search-form .form-control, :root[data-glpi-theme=kcl_dark] header.navbar .search-input-wrapper .form-control,
:root[data-glpi-theme=kcl_dark] header.navbar #global-search-form .form-control {
  height: 40px;
  border-radius: var(--kcl-radius-md);
  border-color: var(--kcl-line-strong);
  background: var(--kcl-surface-2);
  font-size: 0.875rem;
  transition: border-color var(--kcl-transition), box-shadow var(--kcl-transition), background var(--kcl-transition);
}
:root[data-glpi-theme=kcl] header.navbar .search-input-wrapper .form-control:focus,
:root[data-glpi-theme=kcl] header.navbar #global-search-form .form-control:focus, :root[data-glpi-theme=kcl_dark] header.navbar .search-input-wrapper .form-control:focus,
:root[data-glpi-theme=kcl_dark] header.navbar #global-search-form .form-control:focus {
  background: var(--kcl-surface);
  border-color: var(--kcl-accent);
  box-shadow: 0 0 0 3px var(--kcl-focus-ring);
}
:root[data-glpi-theme=kcl] [data-testid=current-entity], :root[data-glpi-theme=kcl_dark] [data-testid=current-entity] {
  max-width: min(280px, 20vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root[data-glpi-theme=kcl] .user-menu .avatar, :root[data-glpi-theme=kcl_dark] .user-menu .avatar {
  border-radius: var(--kcl-radius-md);
  background: var(--kcl-accent);
  color: var(--kcl-accent-fg);
  font-weight: 650;
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .breadcrumb, :root[data-glpi-theme=kcl_dark] .breadcrumb {
  font-size: 0.82rem;
}
:root[data-glpi-theme=kcl] .breadcrumb .breadcrumb-item a, :root[data-glpi-theme=kcl_dark] .breadcrumb .breadcrumb-item a {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] .breadcrumb .breadcrumb-item:last-child,
:root[data-glpi-theme=kcl] .breadcrumb .breadcrumb-item.active, :root[data-glpi-theme=kcl_dark] .breadcrumb .breadcrumb-item:last-child,
:root[data-glpi-theme=kcl_dark] .breadcrumb .breadcrumb-item.active {
  color: var(--kcl-ink-1);
  font-weight: 600;
}
:root[data-glpi-theme=kcl] header.navbar .header-container, :root[data-glpi-theme=kcl_dark] header.navbar .header-container {
  align-items: center;
}
:root[data-glpi-theme=kcl] header.navbar .header-container > .navbar-nav.border-start, :root[data-glpi-theme=kcl_dark] header.navbar .header-container > .navbar-nav.border-start {
  border-inline-start-color: var(--kcl-line-strong) !important;
  margin-inline-start: 4px;
  padding-inline-start: 12px !important;
  gap: 2px;
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border-radius: var(--kcl-radius-md);
  font-size: 0.845rem;
  white-space: nowrap;
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-ghost-secondary, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-ghost-secondary {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-ghost-secondary .ti, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-ghost-secondary .ti {
  color: var(--kcl-ink-3);
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-ghost-secondary:hover, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-ghost-secondary:hover {
  background: var(--glpi-hover-bg);
  color: var(--kcl-ink-1);
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-ghost-secondary:hover .ti, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-ghost-secondary:hover .ti {
  color: var(--kcl-accent-strong);
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-primary, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-primary {
  box-shadow: 0 1px 2px rgba(180, 128, 12, 0.32);
}
:root[data-glpi-theme=kcl] header.navbar .header-container .navbar-nav .btn-primary:hover, :root[data-glpi-theme=kcl_dark] header.navbar .header-container .navbar-nav .btn-primary:hover {
  box-shadow: 0 2px 8px -1px rgba(180, 128, 12, 0.45);
  transform: translateY(-1px);
}

:root[data-glpi-theme=kcl] .nav-tabs, :root[data-glpi-theme=kcl_dark] .nav-tabs {
  border-bottom: 1px solid var(--kcl-line);
  gap: 2px;
}
:root[data-glpi-theme=kcl] .nav-tabs .nav-link, :root[data-glpi-theme=kcl_dark] .nav-tabs .nav-link {
  border: 0;
  border-radius: var(--kcl-radius-md) var(--kcl-radius-md) 0 0;
  padding: 10px 14px;
  color: var(--kcl-ink-2);
  font-size: 0.875rem;
  font-weight: 500;
  transition: color var(--kcl-transition), background var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .nav-tabs .nav-link:hover, :root[data-glpi-theme=kcl_dark] .nav-tabs .nav-link:hover {
  background: var(--glpi-hover-bg);
  color: var(--kcl-ink-1);
}
:root[data-glpi-theme=kcl] .nav-tabs .nav-link.active, :root[data-glpi-theme=kcl_dark] .nav-tabs .nav-link.active {
  background: transparent;
  color: var(--kcl-ink-1);
  font-weight: 650;
  box-shadow: inset 0 -2px 0 0 var(--kcl-accent);
}

:root[data-glpi-theme=kcl] .card:not(.timeline-content), :root[data-glpi-theme=kcl_dark] .card:not(.timeline-content) {
  background: var(--kcl-surface);
  border: 1px solid var(--kcl-line);
  border-radius: var(--kcl-radius-lg);
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .card.timeline-content, :root[data-glpi-theme=kcl_dark] .card.timeline-content {
  border-radius: var(--kcl-radius-lg);
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .card-header, :root[data-glpi-theme=kcl_dark] .card-header {
  border-bottom: 1px solid var(--kcl-line);
  background: transparent;
  font-weight: 650;
}
:root[data-glpi-theme=kcl] .btn, :root[data-glpi-theme=kcl_dark] .btn {
  border-radius: var(--kcl-radius-md);
  font-weight: 550;
  font-size: 0.875rem;
  transition: background var(--kcl-transition), border-color var(--kcl-transition), box-shadow var(--kcl-transition), transform var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .btn:active, :root[data-glpi-theme=kcl_dark] .btn:active {
  transform: translateY(0.5px);
}
:root[data-glpi-theme=kcl] .btn-primary, :root[data-glpi-theme=kcl_dark] .btn-primary {
  background: var(--kcl-accent);
  border-color: var(--kcl-accent);
  color: var(--kcl-accent-fg);
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .btn-primary:hover, :root[data-glpi-theme=kcl] .btn-primary:focus, :root[data-glpi-theme=kcl_dark] .btn-primary:hover, :root[data-glpi-theme=kcl_dark] .btn-primary:focus {
  background: var(--kcl-accent-strong);
  border-color: var(--kcl-accent-strong);
  color: var(--kcl-accent-fg);
}
:root[data-glpi-theme=kcl] .btn-ghost-secondary, :root[data-glpi-theme=kcl_dark] .btn-ghost-secondary {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] .btn-ghost-secondary:hover, :root[data-glpi-theme=kcl_dark] .btn-ghost-secondary:hover {
  background: var(--glpi-hover-bg);
  color: var(--kcl-ink-1);
}
:root[data-glpi-theme=kcl] .form-control, :root[data-glpi-theme=kcl] .form-select, :root[data-glpi-theme=kcl_dark] .form-control, :root[data-glpi-theme=kcl_dark] .form-select {
  border-radius: var(--kcl-radius-md);
  border-color: var(--kcl-line-strong);
  background: var(--kcl-surface);
  color: var(--kcl-ink-1);
  font-size: 0.875rem;
  transition: border-color var(--kcl-transition), box-shadow var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .form-control:focus, :root[data-glpi-theme=kcl] .form-select:focus, :root[data-glpi-theme=kcl_dark] .form-control:focus, :root[data-glpi-theme=kcl_dark] .form-select:focus {
  border-color: var(--kcl-accent);
  box-shadow: 0 0 0 3px var(--kcl-focus-ring);
}
:root[data-glpi-theme=kcl] .form-label, :root[data-glpi-theme=kcl_dark] .form-label {
  color: var(--kcl-ink-2);
  font-size: 0.8rem;
  font-weight: 600;
}
:root[data-glpi-theme=kcl] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=kcl] .select2-container--default .select2-selection--multiple, :root[data-glpi-theme=kcl_dark] .select2-container--default .select2-selection--single,
:root[data-glpi-theme=kcl_dark] .select2-container--default .select2-selection--multiple {
  border-radius: var(--kcl-radius-md) !important;
  border-color: var(--kcl-line-strong) !important;
  background: var(--kcl-surface) !important;
}
:root[data-glpi-theme=kcl] .table, :root[data-glpi-theme=kcl_dark] .table {
  font-size: 0.875rem;
}
:root[data-glpi-theme=kcl] .table > thead th, :root[data-glpi-theme=kcl_dark] .table > thead th {
  background: var(--kcl-surface-2);
  border-bottom: 1px solid var(--kcl-line-strong);
  color: var(--kcl-ink-2);
  font-size: 0.74rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
:root[data-glpi-theme=kcl] .table > tbody tr, :root[data-glpi-theme=kcl_dark] .table > tbody tr {
  transition: background var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .table > tbody tr:hover, :root[data-glpi-theme=kcl_dark] .table > tbody tr:hover {
  background: var(--glpi-hover-bg);
}
:root[data-glpi-theme=kcl] .table td.numeric, :root[data-glpi-theme=kcl] .table th.numeric, :root[data-glpi-theme=kcl_dark] .table td.numeric, :root[data-glpi-theme=kcl_dark] .table th.numeric {
  font-variant-numeric: tabular-nums;
}
:root[data-glpi-theme=kcl] .dropdown-menu, :root[data-glpi-theme=kcl_dark] .dropdown-menu {
  border: 1px solid var(--kcl-line);
  border-radius: var(--kcl-radius-lg);
  box-shadow: var(--kcl-shadow-lg);
  padding: 6px;
}
:root[data-glpi-theme=kcl] .dropdown-item, :root[data-glpi-theme=kcl_dark] .dropdown-item {
  border-radius: var(--kcl-radius-sm);
  font-size: 0.875rem;
  padding: 7px 10px;
}
:root[data-glpi-theme=kcl] .badge, :root[data-glpi-theme=kcl_dark] .badge {
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
:root[data-glpi-theme=kcl] .alert, :root[data-glpi-theme=kcl_dark] .alert {
  border: 1px solid var(--kcl-line);
  border-inline-start: 3px solid var(--kcl-accent);
  border-radius: var(--kcl-radius-md);
  background: var(--kcl-surface);
  color: var(--kcl-ink-1);
  box-shadow: var(--kcl-shadow-sm);
  font-size: 0.875rem;
}
:root[data-glpi-theme=kcl] .alert-warning, :root[data-glpi-theme=kcl_dark] .alert-warning {
  border-inline-start-color: #eaa412;
}
:root[data-glpi-theme=kcl] .alert-danger, :root[data-glpi-theme=kcl_dark] .alert-danger {
  border-inline-start-color: #d03b3b;
}
:root[data-glpi-theme=kcl] .alert-success, :root[data-glpi-theme=kcl_dark] .alert-success {
  border-inline-start-color: #0ca30c;
}
:root[data-glpi-theme=kcl] .alert-info, :root[data-glpi-theme=kcl_dark] .alert-info {
  border-inline-start-color: #1e5aa8;
}
:root[data-glpi-theme=kcl] ::-webkit-scrollbar-thumb, :root[data-glpi-theme=kcl_dark] ::-webkit-scrollbar-thumb {
  background: var(--glpi-scrollbar-thumb-color);
  border-radius: 8px;
}

:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+1) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+1) .card.big-number {
  --kcl-tile-hue: #3987e5;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+2) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+2) .card.big-number {
  --kcl-tile-hue: #d95926;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+3) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+3) .card.big-number {
  --kcl-tile-hue: #199e70;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+4) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+4) .card.big-number {
  --kcl-tile-hue: #c98500;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+5) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+5) .card.big-number {
  --kcl-tile-hue: #d55181;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+6) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+6) .card.big-number {
  --kcl-tile-hue: #008300;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+7) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+7) .card.big-number {
  --kcl-tile-hue: #9085e9;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+8) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item:nth-child(8n+8) .card.big-number {
  --kcl-tile-hue: #e66767;
}

:root[data-glpi-theme=kcl] .dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content {
  inset: 0 6px;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number {
  --kcl-tile-hue: #3987e5;
  background-color: color-mix(in srgb, var(--kcl-tile-hue) 6%, var(--kcl-surface)) !important;
  color: var(--kcl-ink-1) !important;
  border: 1px solid color-mix(in srgb, var(--kcl-tile-hue) 22%, var(--kcl-line)) !important;
  border-radius: var(--kcl-radius-lg) !important;
  box-shadow: var(--kcl-shadow-sm);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: box-shadow var(--kcl-transition), transform var(--kcl-transition), background-color var(--kcl-transition), border-color var(--kcl-transition);
  transition: box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1), transform 180ms cubic-bezier(0.4, 0, 0.2, 1), border-color 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 180ms cubic-bezier(0.4, 0, 0.2, 1);
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number:hover, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:hover {
  background-color: color-mix(in srgb, var(--kcl-tile-hue) 11%, var(--kcl-surface)) !important;
  border-color: color-mix(in srgb, var(--kcl-tile-hue) 45%, transparent) !important;
  box-shadow: var(--kcl-shadow-lg);
  transform: translateY(-3px);
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number:active, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:active {
  transform: translateY(-1px);
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .content, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .content {
  display: block;
  min-height: 36px;
  padding-inline-end: 44px;
  color: var(--kcl-ink-1);
  font-weight: 680;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .formatted-number, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .formatted-number {
  align-items: baseline;
  justify-content: flex-start;
  gap: 1px;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .formatted-number .number,
:root[data-glpi-theme=kcl] .dashboard .card.big-number .formatted-number .suffix, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .formatted-number .number,
:root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .formatted-number .suffix {
  font-size: 3.2em;
  font-weight: 700;
  letter-spacing: -0.03em;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .formatted-number .suffix, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .formatted-number .suffix {
  color: var(--kcl-ink-2);
  font-weight: 600;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .label, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .label {
  color: var(--kcl-ink-2);
  font-size: 0.8rem;
  font-weight: 550;
  line-height: 1.3;
  margin-top: 2px;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number .main-icon, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .main-icon {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--kcl-radius-md);
  background: color-mix(in srgb, var(--kcl-tile-hue) 16%, var(--kcl-surface));
  color: color-mix(in srgb, var(--kcl-tile-hue), var(--kcl-tile-icon-shift));
  font-size: 1.1rem;
  opacity: 1;
  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1), transform 180ms cubic-bezier(0.34, 1.4, 0.64, 1);
}
:root[data-glpi-theme=kcl] .dashboard .card.big-number:hover .main-icon, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:hover .main-icon {
  background: color-mix(in srgb, var(--kcl-tile-hue), black 12%);
  color: #fff;
  transform: scale(1.08);
}
:root[data-glpi-theme=kcl] .dashboard .card.g-chart, :root[data-glpi-theme=kcl_dark] .dashboard .card.g-chart {
  display: flex;
  flex-direction: column;
  padding: 14px 16px 12px;
  background-color: var(--kcl-surface) !important;
  color: var(--kcl-ink-1) !important;
  border: 1px solid var(--kcl-line) !important;
  border-radius: var(--kcl-radius-lg) !important;
  box-shadow: var(--kcl-shadow-sm);
}
:root[data-glpi-theme=kcl] .dashboard .card.g-chart .main-label, :root[data-glpi-theme=kcl_dark] .dashboard .card.g-chart .main-label {
  order: -1;
  flex: 0 0 auto;
  margin: 0 0 8px;
  padding-inline-end: 26px;
  color: var(--kcl-ink-1);
  font-size: 0.875rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-align: start;
  white-space: normal;
  overflow-wrap: anywhere;
}
:root[data-glpi-theme=kcl] .dashboard .card.g-chart .chart, :root[data-glpi-theme=kcl_dark] .dashboard .card.g-chart .chart {
  flex: 1 1 auto;
  min-height: 0;
}
:root[data-glpi-theme=kcl] .dashboard .card.g-chart .main-icon, :root[data-glpi-theme=kcl_dark] .dashboard .card.g-chart .main-icon {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  color: var(--kcl-ink-3);
  font-size: 1rem;
  opacity: 0.75;
}
:root[data-glpi-theme=kcl] .dashboard .main-label, :root[data-glpi-theme=kcl_dark] .dashboard .main-label {
  color: var(--kcl-ink-1);
  font-weight: 650;
}
:root[data-glpi-theme=kcl] .dashboard .toolbar, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .btn, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .btn {
  border-radius: var(--kcl-radius-md);
  color: var(--kcl-ink-2);
  transition: background var(--kcl-transition), color var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .btn:hover, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .btn:hover {
  background: var(--glpi-hover-bg);
  color: var(--kcl-ink-1);
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .btn.btn-icon, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .btn.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .btn.ti-trash:hover,
:root[data-glpi-theme=kcl] .dashboard .toolbar .btn-ghost-danger:hover, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .btn.ti-trash:hover,
:root[data-glpi-theme=kcl_dark] .dashboard .toolbar .btn-ghost-danger:hover {
  background: rgba(208, 59, 59, 0.1);
  color: #b32d2d;
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .dashboard_select,
:root[data-glpi-theme=kcl] .dashboard .toolbar select.form-select, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .dashboard_select,
:root[data-glpi-theme=kcl_dark] .dashboard .toolbar select.form-select {
  height: 34px;
  padding-block: 0;
  border-radius: var(--kcl-radius-md);
  border-color: var(--kcl-line-strong);
  font-size: 0.875rem;
}
:root[data-glpi-theme=kcl] .dashboard .toolbar .select2-container, :root[data-glpi-theme=kcl_dark] .dashboard .toolbar .select2-container {
  font-size: 0.875rem;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack-item .controls, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack-item .controls {
  opacity: 0;
  transition: opacity var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack-item:hover .controls, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack-item:hover .controls {
  opacity: 1;
}
:root[data-glpi-theme=kcl] .dashboard .summary-numbers, :root[data-glpi-theme=kcl] .dashboard .multiple-numbers, :root[data-glpi-theme=kcl] .dashboard .articles-list, :root[data-glpi-theme=kcl] .dashboard .search-table, :root[data-glpi-theme=kcl_dark] .dashboard .summary-numbers, :root[data-glpi-theme=kcl_dark] .dashboard .multiple-numbers, :root[data-glpi-theme=kcl_dark] .dashboard .articles-list, :root[data-glpi-theme=kcl_dark] .dashboard .search-table {
  background-color: var(--kcl-surface) !important;
  color: var(--kcl-ink-1) !important;
  border: 1px solid var(--kcl-line) !important;
  border-radius: var(--kcl-radius-lg) !important;
  box-shadow: var(--kcl-shadow-sm);
}

:root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]), :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) {
  --kcl-accent: #1e5aa8;
  --kcl-accent-strong: #17457f;
  --kcl-accent-fg: #fff;
  --kcl-focus-ring: rgb(30 90 168 / 20%);
  --tblr-primary-rgb: 30 90 168;
  --tblr-primary: #1e5aa8;
  --tblr-primary-fg: #fff;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous {
  background: var(--kcl-plane);
  background-image: radial-gradient(60rem 32rem at 78% -12%, rgba(224, 163, 22, 0.09), transparent 60%), radial-gradient(52rem 30rem at 10% 108%, rgba(16, 27, 48, 0.08), transparent 62%);
  background-attachment: fixed;
}
:root[data-glpi-theme=kcl] .page-anonymous .glpi-logo, :root[data-glpi-theme=kcl_dark] .page-anonymous .glpi-logo {
  --logo: url("/plugins/kcltheme/img/kcl-logo.webp");
  width: 90px;
  height: 115px;
  margin-bottom: 14px;
}
:root[data-glpi-theme=kcl] .page-anonymous .main-content-card, :root[data-glpi-theme=kcl_dark] .page-anonymous .main-content-card {
  border: 1px solid var(--kcl-line);
  border-radius: var(--kcl-radius-xl);
  box-shadow: 0 1px 2px rgba(15, 26, 46, 0.06), 0 8px 20px -6px rgba(15, 26, 46, 0.1), 0 28px 56px -20px rgba(15, 26, 46, 0.16);
  background-image: linear-gradient(90deg, transparent 0%, var(--kcl-accent) 22%, var(--kcl-accent-strong) 78%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  background-position: top center;
}
:root[data-glpi-theme=kcl] .page-anonymous .main-content-card > .card-header:empty, :root[data-glpi-theme=kcl_dark] .page-anonymous .main-content-card > .card-header:empty {
  display: none;
}
:root[data-glpi-theme=kcl] .page-anonymous .main-content-card > .card-body, :root[data-glpi-theme=kcl_dark] .page-anonymous .main-content-card > .card-body {
  padding: 32px;
}
:root[data-glpi-theme=kcl] .page-anonymous:has(#login_name) .container-tight, :root[data-glpi-theme=kcl_dark] .page-anonymous:has(#login_name) .container-tight {
  max-width: 27rem !important;
}
:root[data-glpi-theme=kcl] .page-anonymous:has(#login_name) form .row > [class*=col-md], :root[data-glpi-theme=kcl_dark] .page-anonymous:has(#login_name) form .row > [class*=col-md] {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
:root[data-glpi-theme=kcl] .page-anonymous h2, :root[data-glpi-theme=kcl] .page-anonymous .card-title, :root[data-glpi-theme=kcl_dark] .page-anonymous h2, :root[data-glpi-theme=kcl_dark] .page-anonymous .card-title {
  position: relative;
  margin-bottom: 26px;
  padding-bottom: 14px;
  font-size: 1.42rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
:root[data-glpi-theme=kcl] .page-anonymous h2::after, :root[data-glpi-theme=kcl_dark] .page-anonymous h2::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 3px;
  border-radius: 2px;
  background: var(--kcl-accent);
}
:root[data-glpi-theme=kcl] .page-anonymous .card-header, :root[data-glpi-theme=kcl_dark] .page-anonymous .card-header {
  border-bottom: 0;
  padding: 0;
  background: transparent;
}
:root[data-glpi-theme=kcl] .page-anonymous .btn-primary, :root[data-glpi-theme=kcl_dark] .page-anonymous .btn-primary {
  width: 100%;
  height: 46px;
  padding-block: 0;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 2px rgba(180, 128, 12, 0.3);
}
:root[data-glpi-theme=kcl] .page-anonymous .btn-primary:hover, :root[data-glpi-theme=kcl_dark] .page-anonymous .btn-primary:hover {
  box-shadow: 0 4px 14px -2px rgba(180, 128, 12, 0.45);
  transform: translateY(-1px);
}
:root[data-glpi-theme=kcl] .page-anonymous .btn-primary:active, :root[data-glpi-theme=kcl_dark] .page-anonymous .btn-primary:active {
  transform: translateY(0);
}
:root[data-glpi-theme=kcl] .page-anonymous .form-control, :root[data-glpi-theme=kcl] .page-anonymous .form-select, :root[data-glpi-theme=kcl_dark] .page-anonymous .form-control, :root[data-glpi-theme=kcl_dark] .page-anonymous .form-select {
  height: 44px;
  padding-block: 0;
}
:root[data-glpi-theme=kcl] .page-anonymous .form-label, :root[data-glpi-theme=kcl_dark] .page-anonymous .form-label {
  margin-bottom: 6px;
  font-size: 0.82rem;
}
:root[data-glpi-theme=kcl] .page-anonymous .form-check-label, :root[data-glpi-theme=kcl_dark] .page-anonymous .form-check-label {
  color: var(--kcl-ink-2);
  font-size: 0.875rem;
}
:root[data-glpi-theme=kcl] .page-anonymous .text-muted, :root[data-glpi-theme=kcl_dark] .page-anonymous .text-muted {
  font-size: 0.78rem;
}
:root[data-glpi-theme=kcl] .page-anonymous .text-muted a, :root[data-glpi-theme=kcl_dark] .page-anonymous .text-muted a {
  color: var(--kcl-ink-3);
  text-decoration: none;
}
:root[data-glpi-theme=kcl] .page-anonymous .text-muted a:hover, :root[data-glpi-theme=kcl_dark] .page-anonymous .text-muted a:hover {
  color: var(--kcl-ink-2);
  text-decoration: underline;
}

:root[data-glpi-theme=kcl] body.helpdesk, :root[data-glpi-theme=kcl_dark] body.helpdesk {
  --glpi-helpdesk-header: #e3e9f3;
  --glpi-helpdesk-tiles-section-bg: var(--kcl-plane);
  --glpi-helpdesk-tabs-section-bg: var(--kcl-surface);
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar {
  background: var(--kcl-surface);
  border-bottom: 1px solid var(--kcl-line);
  --tblr-navbar-color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar .navbar-brand, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar .navbar-brand {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link,
:root[data-glpi-theme=kcl] body.helpdesk header.topbar #navbar-menu .nav-item:not(.active) .nav-link, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link,
:root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar #navbar-menu .nav-item:not(.active) .nav-link {
  color: var(--kcl-ink-2);
  opacity: 1;
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link:hover,
:root[data-glpi-theme=kcl] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link:focus-visible, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link:hover,
:root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar #navbar-menu .nav-item .nav-link:focus-visible {
  color: var(--kcl-ink-1);
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar #navbar-menu .nav-item.active .nav-link, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar #navbar-menu .nav-item.active .nav-link {
  color: var(--kcl-ink-1);
  font-weight: 650;
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar .user-menu, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar .user-menu {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] body.helpdesk header.topbar .user-menu .small, :root[data-glpi-theme=kcl] body.helpdesk header.topbar .user-menu small, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar .user-menu .small, :root[data-glpi-theme=kcl_dark] body.helpdesk header.topbar .user-menu small {
  color: var(--kcl-ink-3);
}
:root[data-glpi-theme=kcl] body.helpdesk .home-search, :root[data-glpi-theme=kcl_dark] body.helpdesk .home-search {
  height: 48px;
  border-radius: var(--kcl-radius-lg);
  border: 1px solid var(--kcl-line-strong);
  box-shadow: var(--kcl-shadow-md);
}
:root[data-glpi-theme=kcl] body.helpdesk .home-search::placeholder, :root[data-glpi-theme=kcl_dark] body.helpdesk .home-search::placeholder {
  color: var(--kcl-ink-3);
}
:root[data-glpi-theme=kcl] body.helpdesk .home-search:focus, :root[data-glpi-theme=kcl_dark] body.helpdesk .home-search:focus {
  border-color: var(--kcl-accent);
  box-shadow: var(--kcl-shadow-md), 0 0 0 3px var(--kcl-focus-ring);
}
:root[data-glpi-theme=kcl] body.helpdesk .card, :root[data-glpi-theme=kcl_dark] body.helpdesk .card {
  border-radius: var(--kcl-radius-lg);
  transition: box-shadow var(--kcl-transition), transform var(--kcl-transition), border-color var(--kcl-transition);
}
:root[data-glpi-theme=kcl] body.helpdesk .card:hover, :root[data-glpi-theme=kcl_dark] body.helpdesk .card:hover {
  border-color: var(--kcl-line-strong);
  box-shadow: var(--kcl-shadow-md);
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  :root[data-glpi-theme=kcl] .dashboard .card.big-number,
  :root[data-glpi-theme=kcl] .dashboard .card.big-number .main-icon,
  :root[data-glpi-theme=kcl] header.navbar .navbar-nav .btn,
  :root[data-glpi-theme=kcl] .btn, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number,
  :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number .main-icon,
  :root[data-glpi-theme=kcl_dark] header.navbar .navbar-nav .btn,
  :root[data-glpi-theme=kcl_dark] .btn {
    transition-duration: 1ms;
  }
  :root[data-glpi-theme=kcl] .dashboard .card.big-number:hover,
  :root[data-glpi-theme=kcl] .dashboard .card.big-number:active,
  :root[data-glpi-theme=kcl] header.navbar .navbar-nav .btn-primary:hover,
  :root[data-glpi-theme=kcl] .btn:active, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:hover,
  :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:active,
  :root[data-glpi-theme=kcl_dark] header.navbar .navbar-nav .btn-primary:hover,
  :root[data-glpi-theme=kcl_dark] .btn:active {
    transform: none;
  }
  :root[data-glpi-theme=kcl] .dashboard .card.big-number:hover .main-icon, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number:hover .main-icon {
    transform: none;
  }
}
:root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files), :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) {
  border: 1px dashed var(--kcl-line-strong);
  border-radius: var(--kcl-radius-lg);
  background: var(--kcl-surface-2);
  color: var(--kcl-ink-2);
  padding: 18px 16px;
  transition: border-color var(--kcl-transition), background var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files) .fileupload_info,
:root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files) b, :root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files) strong, :root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files) span, :root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files) label, :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) .fileupload_info,
:root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) b, :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) strong, :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) span, :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files) label {
  color: var(--kcl-ink-2);
}
:root[data-glpi-theme=kcl] .fileupload:not(.only-uploaded-files):hover, :root[data-glpi-theme=kcl_dark] .fileupload:not(.only-uploaded-files):hover {
  border-color: color-mix(in srgb, var(--kcl-accent) 55%, var(--kcl-line-strong));
}
:root[data-glpi-theme=kcl] .fileupload.draghover,
:root[data-glpi-theme=kcl] .draghover, :root[data-glpi-theme=kcl_dark] .fileupload.draghover,
:root[data-glpi-theme=kcl_dark] .draghover {
  border-color: var(--kcl-accent);
  background: color-mix(in srgb, var(--kcl-accent) 9%, var(--kcl-surface));
}
:root[data-glpi-theme=kcl] .tox-tinymce, :root[data-glpi-theme=kcl_dark] .tox-tinymce {
  border-radius: var(--kcl-radius-md) !important;
  border-color: var(--kcl-line-strong) !important;
  transition: border-color var(--kcl-transition), box-shadow var(--kcl-transition);
}
:root[data-glpi-theme=kcl] .tox-tinymce:focus-within, :root[data-glpi-theme=kcl_dark] .tox-tinymce:focus-within {
  border-color: var(--kcl-accent) !important;
  box-shadow: 0 0 0 3px var(--kcl-focus-ring);
}
:root[data-glpi-theme=kcl] .tox .tox-editor-header, :root[data-glpi-theme=kcl_dark] .tox .tox-editor-header {
  background: var(--kcl-surface-2) !important;
  border-bottom: 1px solid var(--kcl-line) !important;
}

@media (max-width: 991.98px) {
  :root[data-glpi-theme=kcl] .sidebar .navbar-brand, :root[data-glpi-theme=kcl_dark] .sidebar .navbar-brand {
    padding: 6px 12px;
    margin-bottom: 0;
  }
  :root[data-glpi-theme=kcl] body:not(.navbar-collapsed) .sidebar .navbar-brand .glpi-logo, :root[data-glpi-theme=kcl_dark] body:not(.navbar-collapsed) .sidebar .navbar-brand .glpi-logo {
    width: 58px;
    height: 74px;
  }
  :root[data-glpi-theme=kcl] .itil-footer.mx-n2, :root[data-glpi-theme=kcl_dark] .itil-footer.mx-n2 {
    margin-inline: 0 !important;
  }
  :root[data-glpi-theme=kcl] .dashboard .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .card.big-number {
    padding: 12px 14px;
  }
}
@media (max-width: 991.98px) {
  :root[data-glpi-theme=kcl] .kcl-hero, :root[data-glpi-theme=kcl_dark] .kcl-hero {
    display: none;
  }
}
@media (min-width: 992px) {
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]), :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 100vh;
    background-image: none;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) > .skip-links, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) > .skip-links {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 30;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"])::before, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"])::before {
    content: "";
    grid-column: 1;
    grid-row: 1;
    background-image: url("/plugins/kcltheme/img/login-hero.webp"), radial-gradient(115% 75% at 50% 42%, #0a2a5e 0%, #04193f 58%, #010c22 100%);
    background-position: center, center;
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]).kcl-hero-on::before, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]).kcl-hero-on::before {
    display: none;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    overflow: hidden;
    background: radial-gradient(115% 75% at 50% 42%, #0a2a5e 0%, #04193f 58%, #010c22 100%);
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__fundo, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__fundo {
    position: absolute;
    inset: 0;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__fundo::after, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__fundo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(3, 12, 30, 0.62) 0%, rgba(3, 12, 30, 0.55) 38%, rgba(2, 8, 22, 0.86) 100%);
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 900ms ease-in-out;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide.is-active, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide.is-active {
    opacity: 1;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__conteudo, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__conteudo {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 44px clamp(32px, 5vw, 64px);
    color: #fff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca {
    font-size: 1.12rem;
    letter-spacing: -0.01em;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca-forte, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca-forte {
    font-weight: 750;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca-leve, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__marca-leve {
    font-weight: 400;
    color: #8fc2ff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo {
    margin: 0 0 18px;
    font-size: clamp(2rem, 3.1vw, 2.9rem);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -0.035em;
    color: #fff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha {
    display: block;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha--acento, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha--acento {
    color: #6fb4ff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha--acento::after, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__titulo-linha--acento::after {
    content: ".";
    color: #fff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__descricao, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__descricao {
    max-width: 34rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.92);
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaques, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaques {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaque, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaque {
    position: relative;
    padding-inline-start: 16px;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaque::before, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__destaque::before {
    content: "";
    position: absolute;
    inset-block-start: 0.45em;
    inset-inline-start: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6fb4ff;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide--tinta::after, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide--tinta::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 25, 63, 0.55) 0%, rgba(1, 12, 34, 0.78) 100%), radial-gradient(90% 60% at 50% 40%, rgba(10, 42, 94, 0.35), transparent 70%);
    mix-blend-mode: multiply;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) > .page-anonymous, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) > .page-anonymous {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--kcl-surface);
    padding-inline: 24px;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .main-content-card, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .main-content-card {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .main-content-card > .card-body, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .main-content-card > .card-body {
    padding: 0;
  }
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .glpi-logo, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .glpi-logo {
    --logo: url("/plugins/kcltheme/img/kcl-logo.webp");
    width: 110px;
    height: 141px;
    margin-bottom: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-glpi-theme=kcl] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(#login_name, input[name="totp_code[]"]) .kcl-hero__slide {
    transition-duration: 1ms;
  }
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  height: auto !important;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1 > .grid-stack-item, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 > .grid-stack-item {
  position: relative;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  grid-column: span 2;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1 > .grid-stack-item > .grid-stack-item-content, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 > .grid-stack-item > .grid-stack-item-content {
  inset: 0;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number), :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number) {
  grid-column: span 1;
  height: auto !important;
  min-height: 84px;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number) > .grid-stack-item-content, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number) > .grid-stack-item-content {
  position: relative;
  inset: auto;
}
:root[data-glpi-theme=kcl] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number) .card.big-number, :root[data-glpi-theme=kcl_dark] .dashboard .grid-stack.gs-1 > .grid-stack-item:has(.card.big-number) .card.big-number {
  height: auto;
  min-height: 84px;
  padding: 12px 14px;
}

:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) .card-title, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) .card-title {
  display: block;
  max-width: 22em;
  margin-inline: auto;
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.45;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) .d-flex:has(> input[name="totp_code[]"]), :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) .d-flex:has(> input[name="totp_code[]"]) {
  gap: 10px;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) .d-flex:has(> input[name="totp_code[]"]) > input[name="totp_code[]"], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) .d-flex:has(> input[name="totp_code[]"]) > input[name="totp_code[]"] {
  margin-inline: 0 !important;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"] {
  height: 64px;
  padding-inline: 0;
  border: 2px solid var(--kcl-ink-3);
  border-radius: 14px;
  background-color: var(--kcl-surface);
  color: var(--kcl-ink-1);
  caret-color: var(--kcl-accent);
  font-variant-numeric: tabular-nums;
  transition: border-color 140ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 140ms cubic-bezier(0.4, 0, 0.2, 1);
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"]:hover:not(:focus), :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"]:hover:not(:focus) {
  border-color: color-mix(in srgb, var(--kcl-accent) 45%, var(--kcl-ink-3));
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"]:focus, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name="totp_code[]"]:focus {
  border-color: #3d7fd0;
  box-shadow: 0 0 0 4px var(--kcl-focus-ring);
  outline: none;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name=backup_code], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name=backup_code] {
  height: 52px;
  border: 2px solid var(--kcl-ink-3);
  border-radius: 14px;
  text-align: center;
  letter-spacing: 0.08em;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name=backup_code]:focus, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) input[name=backup_code]:focus {
  border-color: #3d7fd0;
  box-shadow: 0 0 0 4px var(--kcl-focus-ring);
  outline: none;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type] {
  margin: 0 !important;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type] > .border-top, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type] > .border-top {
  display: block !important;
  margin: 26px 0 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type] > .border-top > .ms-auto, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) form[data-code-type] > .border-top > .ms-auto {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) button[name=continue], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) button[name=continue] {
  grid-column: 1/-1;
  grid-row: 1;
  margin: 0 !important;
  padding-block: 11px;
  font-weight: 600;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) #switch_code_type, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) #switch_code_type {
  grid-row: 2;
  grid-column: 1;
  justify-self: start;
  padding-inline: 0 !important;
  text-decoration: none;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) #switch_code_type:hover, :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) #switch_code_type:hover {
  text-decoration: underline;
}
:root[data-glpi-theme=kcl] body.welcome-anonymous:has(input[name="totp_code[]"]) button[name=totp_cancel], :root[data-glpi-theme=kcl_dark] body.welcome-anonymous:has(input[name="totp_code[]"]) button[name=totp_cancel] {
  grid-row: 2;
  grid-column: 2;
  justify-self: end;
  margin: 0 !important;
}