/* core.css */

:root {
  /* Colores extraídos del logo */
  --bbe-primary:    #0059A2;  /* Azul medio (0,89,162) */
  --bbe-primary-light: #0090D3; /* Azul claro (0,144,211) */
  --bbe-primary-dark:  #00407C; /* Azul oscuro aproximado */
  --bbe-accent:     #f26522;  /* Naranja */
  --bbe-bg:         #f9f9f9;  /* Gris claro de fondo */
}

body {
  background-color: var(--bbe-bg);
  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
}

/* Sidebar */
.sidebar {
  /* ancho fijo que quieras */
  flex: 0 0 220px;
  width: 220px;
  min-height: 100vh;    /* que cubra toda la altura */
  background-color: var(--bbe-primary);  /* tu azul */
}

.sidebar .nav-link {
  padding: 10px;
  border-radius: 6px;
  color: white;
  transition: background-color 0.2s;
}

/* Hover y activo */
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  background-color: var(--bbe-primary-dark);
  font-weight: bold;
  color: #fff;
}

.sidebar .nav-link i {
  margin-right: 8px;
}

/* Tarjetas / Cards */
.card {
  border-radius: 15px;
}

.card-title {
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* Variante de tarjeta de advertencia */
.card.text-bg-warning {
  background-color: var(--bbe-accent);
  border: none;
  color: white;
}

/* Encabezados H2 */
h2 {
  color: var(--bbe-primary);
  font-weight: 600;
}

/* Logo (se reutiliza en login u otras páginas) */
.login-logo {
  max-width: 180px;
}

.sidebar-logo img {
  /* invierte azules a blanco, y aclara un poco */
  filter: brightness(0) invert(1) contrast(1.2);
}


.card-header-bbe-primary {
  background-color: var(--bbe-primary);
  color: #fff;
}
.card-border-bbe-primary {
  border-color: var(--bbe-primary) !important;
}

.card-header-bbe-accent {
  background-color: var(--bbe-accent);
  color: #fff;
}
.card-border-bbe-accent {
  border-color: var(--bbe-accent) !important;
}

  /* 1) Resetea padding/margin por defecto de todos los UL */
  #tree-container ul {
    list-style: none;     /* quita bullets si quieres */
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* 2) Solo indentamos un poquito las sublists .children */
  #tree-container ul.children {
    margin-left: 1em !important;  /* ¡ajusta este valor a tu gusto! */
  }

  /* 3) Acomoda el toggle para que no desplace líneas */
  #tree-container .toggle {
    display: inline-block;
    width: 1em;
    text-align: center;
    margin-right: 1em;
  }
  /* Fila de nota en azul clarito */
  .nota-row td {
    background-color: #e0f7fa !important;
  }

  #tree-container li {
  white-space: nowrap;
}
/* Fila de nota en azul clarito */
.nota-row td {
  background-color: #e0f7fa !important;
}
  #tree-container::-webkit-scrollbar {
width: 6px;
}
#tree-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#tree-container::-webkit-scrollbar-track {
  background: transparent;
}

  /* 1) “+” debe tener cursor normal */
  #tree-container .toggle {
    cursor: default;
  }
  #tree-container .add-from-tree {
    cursor: pointer;
  }

  /* 2) El resto del <li> arrastrable muestra cursor: move */
  #tree-container li:hover {
    cursor: move;
  }
  /* 3) Pero si el hover está sobre “+” o “add-from-tree”, volvemos a default */
  #tree-container li:hover .toggle,
  #tree-container li:hover .add-from-tree {
    cursor: default;
  }