/* Operational summary tiles use the same short teal accent as profile actions. */
html body #root .internal-operational-panel .internal-operational-grid.operational-compact > .internal-operational-tile:is(:hover,:focus,:active) {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  outline: none !important;
  transform: none !important;
  box-shadow: 0 12px 24px #0f172a21 !important;
}
html body #root .internal-operational-panel .internal-operational-grid.operational-compact > .internal-operational-tile:is(:hover,:focus,:active)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  top: calc(50% - 16px) !important;
  bottom: auto !important;
  width: 3px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #12a89c !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* The four Alte semnale cards share the same compact interaction. */
html body #root .internal-grouped-grid > .internal-grouped-tile:is(:hover,:focus,:active) {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  border-left-color: transparent !important;
  outline: none !important;
  transform: none !important;
  box-shadow: 0 12px 24px #0f172a21 !important;
}
html body #root .internal-grouped-grid > .internal-grouped-tile:is(:hover,:focus,:active)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  top: calc(50% - 16px) !important;
  bottom: auto !important;
  width: 3px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #12a89c !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}