/* JobqRollup.tsx styles — light DOM, `.jqr-*` prefixed to avoid
   colliding with a host page's own classes (same convention
   jobq-graph.css uses with `.jg-*`). Amber to match the in-progress /
   "rebuilding" card tint dashboard.css already uses elsewhere. */
.jqr-summary {
  display: flex;
  align-items: center;
  gap: 0.4em;
  flex-wrap: wrap;
  background: color-mix(in srgb, var(--amber) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber) 55%, transparent);
  color: var(--amber);
  padding: 0.45em 0.8em;
  margin-bottom: 0.6em;
  border-radius: 4px;
}
.jqr-summary strong {
  color: var(--amber);
}
.jqr-link {
  margin-left: auto;
  color: var(--amber);
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
}
.jqr-link:hover {
  text-decoration: underline;
}