/* NexIP MCP Radar V9 · premium, accessible, locale-aware discovery comparison.
 * Scoped to Radar; inherits existing theme variables, zero external fonts.
 */
.mcp-radar .mcp-radar-v9-search-hint {
  margin: -.3rem 0 .85rem; font-size: .72rem; color: var(--radar-subtle);
  line-height: 1.5; text-align: right;
}
.mcp-radar .mcp-radar-v9-toggle[hidden],
.mcp-radar .mcp-radar-v9-tray[hidden],
.mcp-radar .mcp-radar-v9-search-hint[hidden] { display: none !important; }
.mcp-radar .mcp-radar-v9-toggle {
  align-items: center; justify-content: center;
  padding: .52rem .7rem; min-height: 36px; border-radius: 9px;
  border: 1px solid var(--radar-border); background: var(--radar-bg);
  color: var(--radar-text); cursor: pointer;
  font-family: inherit; font-size: .73rem; font-weight: 740; line-height: 1.25;
  transition: border-color .15s ease, background-color .15s ease;
}
.mcp-radar .mcp-radar-v9-toggle:not([hidden]) { display: inline-flex; }
.mcp-radar .mcp-radar-v9-toggle:hover {
  border-color: var(--radar-accent); background: var(--radar-soft-accent);
}
.mcp-radar .mcp-radar-v9-toggle[aria-pressed="true"] {
  border-color: var(--radar-accent);
  color: var(--radar-accent-strong); background: var(--radar-soft-accent);
}
.mcp-radar .mcp-radar-v9-toggle:disabled {
  opacity: .48; cursor: not-allowed; filter: grayscale(.2);
}
.mcp-radar .mcp-radar-card.mcp-radar-v9-selected {
  border-color: var(--radar-accent);
  box-shadow: inset 0 0 0 1px var(--radar-accent), var(--radar-shadow);
}
.mcp-radar .mcp-radar-card-footer { flex-wrap: wrap; gap: .5rem; }
.mcp-radar .mcp-radar-v9-tray {
  z-index: 45; position: fixed; left: max(14px,env(safe-area-inset-left,0px));
  right: max(14px,env(safe-area-inset-right,0px));
  bottom: max(14px,env(safe-area-inset-bottom,0px));
  width: min(940px,calc(100% - 28px)); margin: 0 auto;
  padding: 1px; border-radius: 18px;
  border: 1px solid var(--radar-accent); color: var(--radar-text);
  background: var(--radar-surface);
  box-shadow: 0 16px 55px rgba(8,12,25,.24), var(--radar-shadow);
  animation: radar-v9-appear .17s ease both;
}
.mcp-radar .mcp-radar-v9-tray-content {
  padding: .88rem clamp(.85rem,2vw,1.3rem);
  border-radius: 17px; background: var(--radar-surface);
}
.mcp-radar .mcp-radar-v9-tray-top {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; gap: .55rem 1rem;
}
.mcp-radar .mcp-radar-v9-tray-top > strong {
  font-size: .85rem; letter-spacing: -.015em; font-weight: 780;
}
.mcp-radar .mcp-radar-v9-tray-controls { display: flex; align-items: center; gap: .55rem; }
.mcp-radar .mcp-radar-v9-clear,
.mcp-radar .mcp-radar-v9-open {
  padding: .55rem .78rem; border-radius: 9px;
  font: inherit; font-size: .78rem; font-weight: 780;
  cursor: pointer; min-height: 38px;
}
.mcp-radar .mcp-radar-v9-clear {
  background: transparent; border: 1px solid var(--radar-border);
  color: var(--radar-subtle);
}
.mcp-radar .mcp-radar-v9-open {
  background: var(--radar-accent);
  color: var(--radar-bg); border: 1px solid var(--radar-accent);
}
.mcp-radar .mcp-radar-v9-open:disabled { opacity: .46; cursor: not-allowed; }
.mcp-radar .mcp-radar-v9-chips {
  display: flex; flex-wrap: wrap; gap: .42rem; margin-top: .64rem;
}
.mcp-radar .mcp-radar-v9-chip {
  display: inline-flex; align-items: center; gap: .6rem;
  max-width: 100%; padding: .36rem .35rem .36rem .6rem;
  border: 1px solid var(--radar-border); border-radius: 999px;
  background: var(--radar-bg); color: var(--radar-text);
  font-size: .7rem; font-weight: 700;
}
.mcp-radar .mcp-radar-v9-chip > span {
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  max-width: min(210px,55vw);
}
.mcp-radar .mcp-radar-v9-chip button {
  width: 23px; height: 23px; border: 0; border-radius: 50%;
  background: var(--radar-soft-accent); color: var(--radar-accent-strong);
  font-size: 1rem; line-height: 1; cursor: pointer;
}
.mcp-radar .mcp-radar-v9-chip button:hover { filter: brightness(.92); }
.mcp-radar .mcp-radar-v9-toggle:focus-visible,
.mcp-radar .mcp-radar-v9-tray button:focus-visible {
  outline: 3px solid var(--radar-accent); outline-offset: 3px;
}
/* Dialog is top-layer outside normal stacking contexts. No extra overlays. */
dialog.mcp-radar-v9-dialog {
  width: min(1000px,calc(100vw - 28px)); max-width: 1000px;
  max-height: min(82dvh,800px); overflow-y: auto;
  border: 1px solid var(--radar-border); border-radius: 22px;
  padding: clamp(1.05rem,2.7vw,1.65rem); color: var(--radar-text);
  background: var(--radar-surface); box-shadow: 0 26px 80px rgba(0,0,0,.32);
}
dialog.mcp-radar-v9-dialog::backdrop { background: rgba(5,10,24,.7); backdrop-filter: blur(8px); }
.mcp-radar-v9-dialog .mcp-radar-v9-dialog-head {
  display: flex; justify-content: space-between; gap: 1.2rem; align-items: flex-start;
}
.mcp-radar-v9-dialog .mcp-radar-v9-dialog-head h2 {
  margin: .2rem 0 .25rem; font-size: clamp(1.1rem,2vw,1.6rem); font-weight: 790;
  letter-spacing: -.025em; line-height: 1.25; color: var(--radar-text);
}
.mcp-radar-v9-dialog .mcp-radar-v9-eyebrow {
  font: 750 .65rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  color: var(--radar-accent-strong); letter-spacing: .06em;
}
.mcp-radar-v9-dialog .mcp-radar-v9-dialog-close {
  width: 36px; height: 36px; border: 1px solid var(--radar-border);
  border-radius: 10px; flex: none; cursor: pointer;
  color: var(--radar-text); background: var(--radar-bg); font-size: 1.25rem;
}
.mcp-radar-v9-dialog .mcp-radar-v9-caveat {
  max-width: 79ch; font-size: .8rem; line-height: 1.55;
  color: var(--radar-subtle); margin: .5rem 0 1.2rem;
}
.mcp-radar-v9-dialog .mcp-radar-v9-table-wrap {
  overflow-x: auto; overscroll-behavior-inline: contain;
  border: 1px solid var(--radar-border); border-radius: 12px;
}
.mcp-radar-v9-dialog .mcp-radar-v9-table {
  width: 100%; min-width: 550px; border-collapse: collapse;
  color: var(--radar-text); table-layout: fixed; text-align: left;
  font-size: .82rem;
}
.mcp-radar-v9-dialog .mcp-radar-v9-table th,
.mcp-radar-v9-dialog .mcp-radar-v9-table td {
  overflow-wrap: anywhere; border-bottom: 1px solid var(--radar-border);
  padding: .9rem .8rem; vertical-align: top; line-height: 1.5;
}
.mcp-radar-v9-dialog .mcp-radar-v9-table tbody tr:last-child th,
.mcp-radar-v9-dialog .mcp-radar-v9-table tbody tr:last-child td { border-bottom: none; }
.mcp-radar-v9-dialog .mcp-radar-v9-table tr > :first-child {
  width: 21%; font-weight: 760; color: var(--radar-subtle); background: var(--radar-bg);
}
.mcp-radar-v9-dialog .mcp-radar-v9-table th a {
  color: var(--radar-accent-strong); text-decoration: underline;
  text-underline-offset: 3px;
}
.mcp-radar-v9-dialog .mcp-radar-v9-dialog-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: .7rem; margin-top: 1rem;
}
.mcp-radar-v9-dialog .mcp-radar-v9-dialog-footer button { min-height: 38px; }
.mcp-radar-v9-dialog .mcp-radar-v9-studio {
  color: var(--radar-subtle); font-size: .72rem; line-height: 1.4;
}
.mcp-radar-v9-dialog .mcp-radar-v9-studio a {
  color: var(--radar-accent-strong); font-weight: 760; text-underline-offset: 3px;
}
@keyframes radar-v9-appear { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:620px){
  .mcp-radar .mcp-radar-v9-tray-top { align-items: flex-start; }
  .mcp-radar .mcp-radar-v9-tray-controls { width: 100%; }
  .mcp-radar .mcp-radar-v9-open { flex: 1; }
  .mcp-radar-v9-dialog .mcp-radar-v9-table th,
  .mcp-radar-v9-dialog .mcp-radar-v9-table td { padding: .7rem .55rem; }
}
@media(prefers-reduced-motion: reduce){
  .mcp-radar .mcp-radar-v9-tray { animation: none; }
  .mcp-radar .mcp-radar-v9-toggle { transition: none; }
}