/* BRANDING NETGOOS — #21AAB4 */
:root, [data-theme='light'], [data-theme='dark'] {
  --button-primary-background: #21AAB4;
  --button-primary-background-active: #1a8a93;
  --text-button-primary: #21AAB4;
  --text-button-primary-active: #1a8a93;
  --text-nav: #ffffff;
  --text-link: #21AAB4;
  --highlight: #21AAB4;
  --border-highlight: #21AAB4;
  --menu-background-active: rgba(0,0,0,0.2);
  --menu-background-primary: #21AAB4;
  --menu-background-secondary: #1a8a93;
  --menu-text: #ffffff;
  --menu-text-active: #ffffff;
  --menu-icon: rgba(255,255,255,0.7);
  --backdrop-clue-start: rgba(33,170,180,0.1);
  --backdrop-clue-end: rgba(33,170,180,0.9);
}

/* Sidebar fondo de marca */
.navigation {
  background: #21AAB4 !important;
  border-right: none !important;
}
.navigation .nav-tab-name,
.navigation .menu-item,
.navigation .icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.tasks-navigation .nav-tab:hover {
  background: rgba(0,0,0,0.15) !important;
}
.tasks-navigation .nav-tab.is-active {
  background: rgba(0,0,0,0.25) !important;
}

/* Botones primarios */
.btn--primary {
  background: #21AAB4 !important;
  color: #ffffff !important;
}
.btn--primary:hover, .btn--primary:active {
  background: #1a8a93 !important;
}

/* Logo login */
.login .company-logo {
  content: url('/branding/logo-netgoos.png') !important;
  max-height: 80px !important;
  max-width: 200px !important;
}

/* Links */
a:not(.btn):not(.nav-tab) { color: #21AAB4; }
.table-column-head.is-active,
.table-column-head:hover { color: #21AAB4 !important; }