.query-row-interactive {
  cursor: pointer;
  position: relative;
  transition: background .16s ease, box-shadow .16s ease;
}
.query-row-interactive:hover {
  background: #f5faf7;
}
.query-row-interactive:focus-visible {
  outline: 2px solid rgba(20,131,59,.28);
  outline-offset: -2px;
}
.query-row.is-query-selected {
  box-shadow: inset 4px 0 0 var(--wb-accent), inset 0 0 0 1px rgba(20,131,59,.14);
  background: var(--wb-accent-soft);
}
.query-row.is-query-selected .query-path,
.query-row.is-query-selected .query-value {
  background: rgba(234,247,238,.72);
}
.query-row.is-query-selected .query-path {
  color: var(--wb-accent-dark);
  font-weight: 800;
}
.query-action-premium {
  gap: 6px;
  flex-wrap: wrap;
  min-width: 220px;
}
.query-action-premium button:hover {
  color: var(--wb-accent-dark);
  border-color: #a9c8b2;
  background: var(--wb-accent-soft);
}
.query-locate-btn {
  color: var(--wb-accent-dark) !important;
  border-color: #b8d9c2 !important;
  background: #f2faf4 !important;
}
.query-locate-btn:hover {
  background: var(--wb-accent-soft) !important;
}
@media (max-width: 980px) {
  .query-action-premium { min-width: 0; }
}
@media (max-width: 680px) {
  .query-action-premium {
    justify-content: flex-start;
    padding-top: 0;
  }
}