.pmh-radar-context-dialog .pmh-radar-suggestion {
  grid-column: 1 / -1;
}

.pmh-radar-suggestion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 15px;
  border: 1px solid #d9cef8;
  border-radius: 13px;
  background: linear-gradient(135deg, #f7f4ff 0%, #fff 100%);
}

.pmh-radar-suggestion > div {
  display: grid;
  gap: 5px;
}

.pmh-radar-suggestion small {
  color: #684bcd;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
}

.pmh-radar-suggestion strong {
  color: var(--aos-ink);
  font-size: 14px;
}

.pmh-radar-suggestion p {
  margin: 0;
  color: var(--aos-text);
  font-size: 12px;
  line-height: 1.5;
}

.pmh-radar-suggestion span {
  color: var(--aos-muted);
  font-size: 10px;
  font-weight: 700;
}

.pmh-radar-suggestion button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #684bcd;
  border-radius: 10px;
  color: #fff;
  background: #684bcd;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}

.pmh-radar-suggestion button:hover { background: #573db3; }
.pmh-radar-suggestion button:disabled { opacity: .72; cursor: default; }

.pmh-active-entry.has-suggestion:not(.has-dependency) .pmh-active-context.suggested {
  color: #5d42bb;
  background: #f5f1ff;
}

.pmh-active-entry.has-suggestion:not(.has-dependency) .pmh-active-context.suggested:hover {
  color: #fff;
  background: #684bcd;
}

@media (max-width: 640px) {
  .pmh-radar-suggestion { grid-template-columns: 1fr; }
  .pmh-radar-suggestion button { width: 100%; }
}