/* NexIP MCP Radar V7 · safely published connection requirements.
   Pure CSS, light/dark inherited, no new JS, input or token fields. */
.mcp-radar .mcp-radar-v7-requirements {
  margin: 1rem 0 1.15rem;
  padding: clamp(.85rem,2vw,1.2rem);
  border: 1px solid var(--radar-border);
  border-radius: 15px;
  background: var(--radar-bg);
  color: var(--radar-text);
}
.mcp-radar .mcp-radar-v7-requirements-top h3 {
  font-size: 1rem; margin: 0 0 .4rem; letter-spacing: -.012em;
  color: var(--radar-text);
}
.mcp-radar .mcp-radar-v7-requirements-top p {
  margin: 0 0 1rem; color: var(--radar-subtle);
  font-size: .78rem; line-height: 1.55;
}
.mcp-radar .mcp-radar-v7-requirement-set {
  min-width: 0; padding: .85rem; margin: .7rem 0;
  border: 1px solid var(--radar-border);
  background: var(--radar-surface); border-radius: 12px;
}
.mcp-radar .mcp-radar-v7-requirement-set h4 {
  margin: 0 0 .75rem; font-size: .77rem;
  letter-spacing: .035em; color: var(--radar-accent-strong);
}
.mcp-radar .mcp-radar-v7-requirement-group + .mcp-radar-v7-requirement-group { margin-top: .9rem; }
.mcp-radar .mcp-radar-v7-requirement-group h5 {
  margin: 0 0 .45rem; font-size: .79rem;
  color: var(--radar-text); font-weight: 775;
}
.mcp-radar .mcp-radar-v7-requirement-items { display: grid; gap: .4rem; }
.mcp-radar .mcp-radar-v7-requirement-item {
  display: flex; align-items: center; flex-wrap: wrap; gap: .45rem .65rem;
  padding: .45rem .6rem; border: 1px solid var(--radar-border);
  border-radius: 9px; min-width: 0; background: var(--radar-bg);
}
.mcp-radar .mcp-radar-v7-requirement-item code {
  overflow-wrap: anywhere; max-width: 100%;
  color: var(--radar-text); font-size: .8rem; font-weight: 750;
  font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.mcp-radar .mcp-radar-v7-requirement-item span {
  background: var(--radar-soft-accent,rgba(80,120,200,.1));
  border-radius: 999px; padding: .3rem .52rem; font-size: .7rem;
  color: var(--radar-accent-strong);
}
.mcp-radar .mcp-radar-v7-requirements-note {
  margin: .9rem 0 0; font-size: .76rem; line-height: 1.5;
  color: var(--radar-subtle);
}
@media(max-width:540px) {
  .mcp-radar .mcp-radar-v7-requirement-item { align-items: flex-start; }
  .mcp-radar .mcp-radar-v7-requirement-item code { flex: 1 0 100%; }
}