/* EarthNet 2.0 refinement: keep event colour as information, not illumination. */

.mark {
  box-shadow: 0 0 0 1px rgba(120, 190, 255, 0.28), 0 0 10px rgba(56, 189, 248, 0.12);
}
.mark span { box-shadow: 0 0 5px rgba(255, 51, 85, .62); }

/* The original rail treated every category like a neon sign. The colour stays,
   but the sidebar now reads like an operational legend. */
.lyr {
  background: color-mix(in srgb, var(--c) 7%, rgba(255,255,255,.012));
  border-color: color-mix(in srgb, var(--c) 14%, transparent);
}
.lyr::before {
  width: 2px;
  box-shadow: none;
}
.lyr:hover {
  background: color-mix(in srgb, var(--c) 12%, rgba(255,255,255,.018));
  border-color: color-mix(in srgb, var(--c) 25%, transparent);
}
.lyr:hover::before { box-shadow: none; }
.lyr-count {
  background: color-mix(in srgb, var(--c) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--c) 14%, transparent);
}

.tool.on {
  box-shadow: 0 3px 10px rgba(56, 189, 248, .16);
}
.status .pulse {
  animation: none;
  box-shadow: none;
}

/* Preserve the planet as the visual focal point. */
#sidebar { backdrop-filter: blur(12px) saturate(1.08); }
.panel { backdrop-filter: blur(14px) saturate(1.08); }