/* Menu de aplicaciones (9 puntos), igual al de Dashboards y CI/CD. Usa las variables de color de Coder
   (tema claro y oscuro); si no existen, cae a colores fijos. */
.ganemo-lanzador { position: relative; display: flex; align-items: center; }
.ganemo-lanzador.flotante { position: fixed; right: 16px; bottom: 48px; z-index: 50; }
.ganemo-lanzador-boton {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
  border: 1px solid hsl(var(--border-default, 240 4% 16%)); border-radius: 6px; cursor: pointer;
  background: hsl(var(--surface-primary, 240 10% 4%)); color: hsl(var(--content-primary, 0 0% 100%));
}
.ganemo-lanzador-boton:hover { background: hsl(var(--surface-secondary, 240 6% 10%)); }
.ganemo-lanzador-boton:focus-visible { outline: 2px solid hsl(var(--content-link, 213 94% 68%)); outline-offset: 2px; }
.ganemo-lanzador-panel {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 1000; width: 280px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 14px;
  background: hsl(var(--surface-primary, 240 10% 4%)); color: hsl(var(--content-primary, 0 0% 100%));
  border: 1px solid hsl(var(--border-default, 240 4% 16%)); border-radius: 14px;
  box-shadow: 0 10px 30px rgb(0 0 0 / 35%); font-family: inherit; line-height: normal;
}
.ganemo-lanzador.flotante .ganemo-lanzador-panel { top: auto; bottom: calc(100% + 6px); }
.ganemo-lanzador-panel[hidden] { display: none; }
.ganemo-lanzador-titulo { font-size: 13px; color: hsl(var(--content-secondary, 240 5% 65%)); margin: 0 4px 10px; }
.ganemo-lanzador-grilla { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ganemo-lanzador-app {
  display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 10px;
  color: hsl(var(--content-primary, 0 0% 100%)) !important; text-decoration: none !important; font-size: 13px;
  text-align: center;
}
.ganemo-lanzador-app:hover { background: hsl(var(--surface-secondary, 240 6% 10%)); }
.ganemo-lanzador-app.actual { background: color-mix(in srgb, #1f6feb 18%, transparent); font-weight: 600; }
.ganemo-lanzador-app:focus-visible { outline: 2px solid hsl(var(--content-link, 213 94% 68%)); outline-offset: 2px; }
.ganemo-lanzador-icono {
  width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; color: #fff;
  font-weight: 600; font-size: 18px; background: #5d6875;
}
@media (max-width: 480px) {
  .ganemo-lanzador-panel { position: fixed; left: 16px; right: 16px; top: 56px; width: auto; max-width: none; }
  .ganemo-lanzador.flotante .ganemo-lanzador-panel { top: auto; bottom: 96px; }
}