.mcp-manager {
  @apply flex flex-col gap-3;
}

.mcp-manager-header {
  @apply flex items-center justify-between;
}

.mcp-manager-actions {
  @apply flex items-center gap-2;
}

.mcp-action-button {
  @apply flex items-center gap-1 px-2 py-1 text-[10px] font-semibold uppercase tracking-wide rounded-md bg-white/5 border border-white/10 text-zinc-300 hover:text-white;
}

.mcp-link-button {
  @apply px-2 py-1 text-[10px] font-semibold uppercase tracking-wide rounded-md bg-indigo-500/15 border border-indigo-500/30 text-indigo-300 hover:text-white;
}

.mcp-icon-button {
  @apply p-1 rounded-md border border-white/10 text-zinc-400 hover:text-white hover:border-white/20;
}

.mcp-menu {
  @apply absolute right-0 mt-2 w-48 rounded-md border border-white/10 bg-zinc-950 shadow-xl z-50 overflow-hidden;
}

.mcp-menu-item {
  @apply w-full px-3 py-2 text-left text-[11px] text-zinc-300 hover:text-white hover:bg-white/5 flex items-center justify-between gap-2;
}

.mcp-server-list {
  @apply flex flex-col gap-2;
}

.mcp-server-card {
  @apply px-2 py-2 rounded border bg-white/5 border-white/10;
}

.mcp-server-row {
  @apply flex items-center justify-between gap-2;
}

.mcp-status-chip {
  @apply text-[10px] px-2 py-0.5 rounded-full border border-emerald-500/40 text-emerald-300 bg-emerald-500/10 uppercase tracking-wide;
}

.mcp-status-error {
  @apply text-[10px] px-2 py-0.5 rounded-full border border-rose-500/40 text-rose-300 bg-rose-500/10 uppercase tracking-wide;
}

.mcp-market-search {
  @apply flex items-center gap-2 border border-white/10 rounded-lg px-3 py-2 bg-white/5;
}

.mcp-market-input {
  @apply w-full bg-transparent text-xs text-zinc-200 outline-none;
}

.mcp-market-list {
  @apply flex flex-col gap-2 max-h-[60vh] overflow-y-auto pr-1;
}

.mcp-market-card {
  @apply flex items-start justify-between gap-4 border border-white/10 rounded-lg bg-white/5 p-3;
}

.mcp-market-card-title {
  @apply text-xs font-semibold text-zinc-100 flex items-center gap-2;
}

.mcp-market-card-desc {
  @apply text-[11px] text-zinc-500 mt-1;
}

.mcp-market-tags {
  @apply flex flex-wrap gap-1 mt-2;
}

.mcp-market-tag {
  @apply text-[9px] uppercase tracking-wide px-2 py-0.5 rounded-full border border-white/10 text-zinc-400;
}

.mcp-market-source {
  @apply text-[9px] uppercase tracking-wide px-2 py-0.5 rounded-full border border-white/10 text-zinc-500;
}

.mcp-market-card-actions {
  @apply flex items-center gap-2;
}

.mcp-market-install {
  @apply flex items-center gap-1 px-2 py-1 text-[10px] font-semibold uppercase tracking-wide rounded-md bg-indigo-500/20 border border-indigo-500/40 text-indigo-200 hover:text-white;
}
