@charset "UTF-8";
/* Cyber Tech - Dark Theme for GLPI */
/* Brand color: #17a3b2 | https://cyber-tech.mx */
:root[data-glpi-theme=cybertech] {
  --tblr-primary-rgb: 23, 163, 178;
  --tblr-link-color-rgb: 23, 163, 178;
  --tblr-body-bg: #0f1923;
  --tblr-body-color: #cbd5e1;
  --tblr-body-color-rgb: 203, 213, 225;
  --tblr-bg-surface: #172028;
  --tblr-bg-surface-secondary: #1e2c38;
  --tblr-bg-surface-tertiary: #1a2532;
  --tblr-bg-surface-dark: #0a1219;
  --tblr-border-color: #1e3040;
  --tblr-dark: #0a1219;
  --tblr-light: #cbd5e1;
  --tblr-gray-50: #1a2532;
  --tblr-gray-100: #1e2c38;
  --tblr-gray-200: #243444;
  --tblr-gray-300: #2d4050;
  --tblr-gray-400: #3d5468;
  --tblr-gray-500: #52697e;
  --tblr-gray-600: #7a95a8;
  --tblr-gray-700: #a0b4c1;
  --tblr-gray-800: #c0cdd6;
  --tblr-gray-900: #e2eaf0;
  --tblr-secondary: #52697e;
  --tblr-badge-bg: #0d3a42;
  --tblr-badge-color: #7dd8e3;
  --glpi-mainmenu-bg: #0a2a32;
  --glpi-mainmenu-fg: #e2eaf0;
  --glpi-mainmenu-active-bg: #17a3b2;
  --glpi-palette-color-1: #17a3b2;
  --glpi-palette-color-2: #41c5d4;
  --glpi-palette-color-3: #7dd8e3;
  --glpi-palette-color-4: #e2eaf0;
  --glpi-helpdesk-header: #0d3a42;
  --glpi-illustrations-gradient-1: #0d2a32;
  --glpi-illustrations-gradient-2: #0d4a56;
  --glpi-illustrations-gradient-3: #17a3b2;
  --glpi-tabs-active-bg: #172028;
  --glpi-tabs-border-color: transparent;
  --glpi-scrollbar-thumb-color: rgba(23, 163, 178, 0.3);
  --glpi-timeline-solution-bg: #0d3a42;
  --glpi-timeline-solution-fg: #7dd8e3;
  --glpi-timeline-solution-border-color: #17a3b2;
  --glpi-timeline-itil-content-bg: #1a2f2f;
  --glpi-timeline-itil-content-fg: #7dd8e3;
  --glpi-timeline-fup-bg: #172028;
  --glpi-timeline-fup-fg: #a0b4c1;
  --glpi-timeline-task-bg: #1e2c1e;
  --glpi-timeline-task-fg: #86c586;
}

:root[data-glpi-theme=cybertech] .card {
  border: 1px solid #1e3040;
  background-color: #172028;
}

:root[data-glpi-theme=cybertech] .form-control,
:root[data-glpi-theme=cybertech] .form-select,
:root[data-glpi-theme=cybertech] .form-file-text,
:root[data-glpi-theme=cybertech] .form-selectgroup-label {
  background-color: #0f1923;
  border-color: #1e3040;
  color: #cbd5e1;
}

:root[data-glpi-theme=cybertech] .btn-primary {
  background-color: #17a3b2;
  border-color: #17a3b2;
  color: #fff;
}

:root[data-glpi-theme=cybertech] .btn-primary:hover {
  background-color: #0e7a89;
  border-color: #0e7a89;
}

:root[data-glpi-theme=cybertech] .page-anonymous {
  background-color: #0a1219;
}

/* Navbar logo — isotipo cuadrado, evitar recorte */
:root[data-glpi-theme=cybertech] .page .glpi-logo {
  width: 55px !important;
  height: 55px !important;
  background-size: contain !important;
}

/* Dashboard — fichas oscuras a tono con el tema */
:root[data-glpi-theme=cybertech] .dashboard .card.big-number,
:root[data-glpi-theme=cybertech] .dashboard .card.multiple-numbers,
:root[data-glpi-theme=cybertech] .dashboard .card.summary-numbers {
  background-image: linear-gradient(rgba(10, 18, 26, 0.55), rgba(10, 18, 26, 0.55)) !important;
  border: 1px solid rgba(23, 163, 178, 0.2) !important;
}

/* Login logo — ajuste de altura para isotipo cuadrado */
:root[data-glpi-theme=cybertech] .page-anonymous .glpi-logo {
  width: 160px !important;
  height: 160px !important;
}

:root[data-glpi-theme=cybertech] .page-anonymous .card {
  background-color: #172028;
  border: 1px solid #1e3040;
}