/* NexIP MCP Radar V6 · connection readiness. Native HTML, no JS or probes.
 * Uses shared light/dark CSS tokens defined in mcp-radar.css.
 */
.mcp-radar .mcp-radar-readiness { margin-top: clamp(1rem, 2vw, 1.5rem); }
.mcp-radar .mcp-radar-readiness-head {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: .6rem 1rem; margin-bottom: .65rem;
}
.mcp-radar .mcp-radar-readiness-head h2 { margin: .25rem 0 0; }
.mcp-radar .mcp-radar-readiness-kicker {
  color: var(--radar-accent-strong); text-transform: uppercase;
  font-size: .68rem; letter-spacing: .105em; font-weight: 790;
}
.mcp-radar .mcp-radar-readiness-status {
  display: inline-flex; align-items: center; max-width: 100%;
  background: var(--radar-soft-accent, rgba(56,120,230,.12));
  color: var(--radar-accent-strong);
  border: 1px solid var(--radar-border); border-radius: 999px;
  font-size: .72rem; font-weight: 750; padding: .45rem .72rem;
}
.mcp-radar .mcp-radar-readiness-disclaimer {
  color: var(--radar-subtle); margin: 0 0 1.05rem;
  font-size: .82rem; line-height: 1.55; max-width: 95ch;
}
.mcp-radar .mcp-radar-readiness-stats {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem; margin-bottom: 1rem;
}
.mcp-radar .mcp-radar-readiness-stats>div {
  min-width: 0; padding: .8rem .9rem;
  border: 1px solid var(--radar-border);
  border-radius: 12px; background: var(--radar-bg);
  display: flex; flex-direction: column; gap: .35rem;
}
.mcp-radar .mcp-radar-readiness-stats strong {
  font-size: 1.45rem; line-height: 1.15; color: var(--radar-text);
  font-variant-numeric: tabular-nums;
}
.mcp-radar .mcp-radar-readiness-stats span {
  font-size: .75rem; color: var(--radar-subtle);
  line-height: 1.4; overflow-wrap: anywhere;
}
.mcp-radar .mcp-radar-readiness-auth {
  min-width: 0; padding: .9rem 1rem; margin-bottom: 1rem;
  border: 1px solid var(--radar-border); border-left: 3px solid var(--radar-accent);
  border-radius: 11px; background: var(--radar-surface);
}
.mcp-radar .mcp-radar-readiness-auth strong {
  display: block; margin-bottom: .28rem; color: var(--radar-text); font-size: .83rem;
}
.mcp-radar .mcp-radar-readiness-auth span {
  display: block; color: var(--radar-accent-strong); font-size: .8rem; font-weight: 735;
  overflow-wrap: anywhere;
}
.mcp-radar .mcp-radar-readiness-auth p {
  font-size: .74rem; line-height: 1.55; margin: .55rem 0 0;
  color: var(--radar-subtle);
}
.mcp-radar .mcp-radar-readiness-columns {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem; align-items: start;
}
.mcp-radar .mcp-radar-readiness-columns>div {
  min-width: 0; padding: 1rem; border-radius: 12px;
  border: 1px solid var(--radar-border); background: var(--radar-bg);
}
.mcp-radar .mcp-radar-readiness-columns h3 {
  margin: 0 0 .85rem; color: var(--radar-text);
  font-size: .98rem; letter-spacing: -.015em;
}
.mcp-radar .mcp-radar-readiness-steps ol {
  display: grid; gap: .65rem; margin: 0; padding-left: 1.2rem;
  color: var(--radar-text); font-size: .8rem; line-height: 1.55;
}
.mcp-radar .mcp-radar-readiness-steps li { padding-left: .15rem; }
.mcp-radar .mcp-radar-readiness-steps li::marker { color: var(--radar-accent-strong); font-weight: 750; }
.mcp-radar .mcp-radar-readiness-issues details {
  border-top: 1px solid var(--radar-border);
}
.mcp-radar .mcp-radar-readiness-issues details:first-of-type { border-top: 0; }
.mcp-radar .mcp-radar-readiness-issues summary {
  cursor: pointer; padding: .7rem 0;
  color: var(--radar-text); font-weight: 700; font-size: .78rem;
  line-height: 1.5; list-style-position: inside;
}
.mcp-radar .mcp-radar-readiness-issues summary:focus-visible {
  outline: 2px solid var(--radar-accent); outline-offset: 2px;
}
.mcp-radar .mcp-radar-readiness-issues p {
  margin: 0 0 .85rem; color: var(--radar-subtle);
  font-size: .77rem; line-height: 1.55;
}
@media(max-width:760px) {
  .mcp-radar .mcp-radar-readiness-columns { grid-template-columns: minmax(0,1fr); }
  .mcp-radar .mcp-radar-readiness-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mcp-radar .mcp-radar-readiness-stats>div { padding: .7rem; }
}
@media(max-width:440px) {
  .mcp-radar .mcp-radar-readiness-stats { grid-template-columns: minmax(0,1fr); }
  .mcp-radar .mcp-radar-readiness-stats>div { flex-direction: row; align-items: center; }
  .mcp-radar .mcp-radar-readiness-stats strong { flex: 0 0 2rem; }
}