.kilo-console .mcp-server {
  position: relative;
}

.kilo-console .mcp-title {
  align-items: flex-start;
}

.kilo-console .mcp-title em {
  display: block;
  overflow: hidden;
  max-width: 38rem;
  color: var(--muted-foreground);
  font-size: 0.6875rem;
  font-style: normal;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kilo-console .mcp-server-tags {
  justify-content: flex-end;
}

.kilo-console .mcp-server-actions {
  flex-wrap: nowrap;
}

.kilo-console .mcp-server-error {
  grid-column: 1 / -1;
  margin: -0.25rem 0 0;
  border-top: 1px solid var(--border-weak-base);
  color: var(--status-error-base);
  font-size: 0.6875rem;
  line-height: 1.45;
  padding-top: 0.5rem;
}

.kilo-console .mcp-drawer {
  width: min(52rem, calc(100vw - var(--app-rail-width)));
}

.kilo-console .mcp-market-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  overflow: hidden;
  padding: 1rem;
}

.kilo-console .mcp-market-filters {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 11rem;
  gap: 0.75rem;
  align-items: end;
}

.kilo-console .mcp-market-filters label,
.kilo-console .mcp-status-filter {
  display: grid;
  gap: 0.35rem;
  color: var(--text-weak);
  font-size: var(--font-size-small);
}

.kilo-console .mcp-status-filter {
  align-content: end;
}

.kilo-console .mcp-status-select {
  width: 100%;
}

.kilo-console .mcp-market-search {
  padding: 0;
}

.kilo-console .mcp-tag-filters {
  display: flex;
  gap: 0.375rem;
  flex-wrap: wrap;
  max-height: 4.75rem;
  overflow: auto;
  padding-right: 0.25rem;
}

.kilo-console .mcp-tag-filter {
  display: inline-flex;
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.kilo-console .mcp-tag-filter.active [data-component="tag"] {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 14%, var(--surface-base));
  color: var(--text-brand);
}

.kilo-console .mcp-market-grid {
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  align-items: start;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  gap: 0.5rem;
  min-height: 0;
  overflow: auto;
  padding-right: 0.25rem;
}

.kilo-console .mcp-market-card {
  display: grid;
  align-content: start;
  gap: 0.625rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--card);
  padding: 0.75rem;
}

.kilo-console .mcp-market-card-head,
.kilo-console .mcp-market-card-footer,
.kilo-console .mcp-market-card-footer > div {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.kilo-console .mcp-market-card-head,
.kilo-console .mcp-market-card-footer {
  justify-content: space-between;
}

.kilo-console .mcp-market-card-head > div {
  min-width: 0;
}

.kilo-console .mcp-market-card strong,
.kilo-console .mcp-market-card span {
  display: block;
}

.kilo-console .mcp-market-card strong {
  overflow: hidden;
  color: var(--foreground);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kilo-console .mcp-market-card span {
  color: var(--muted-foreground);
  font-family: var(--font-family-mono);
  font-size: 0.6875rem;
}

.kilo-console .mcp-market-card .mcp-market-author {
  overflow: hidden;
  color: var(--muted-foreground);
  font-family: var(--font-family-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kilo-console .mcp-market-card .mcp-market-id {
  margin-top: 0.125rem;
}

.kilo-console .mcp-market-card p {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.9em;
  margin: 0;
  -webkit-box-orient: vertical;
  color: var(--text-weak);
  font-size: 0.75rem;
  line-height: 1.45;
  -webkit-line-clamp: 2;
}

.kilo-console .mcp-market-card-tags {
  justify-content: flex-start;
  min-height: 1.25rem;
}

.kilo-console .mcp-market-card-footer {
  align-self: end;
  justify-content: flex-end;
  color: var(--text-weaker);
  font-size: 0.6875rem;
}

.kilo-console .mcp-market-card a {
  color: var(--text-brand);
  text-decoration: none;
}

.kilo-console .mcp-install-form {
  gap: 0.875rem;
}

.kilo-console .mcp-install-section {
  display: grid;
  gap: 0.5rem;
}

.kilo-console .mcp-install-section > span {
  color: var(--text-base);
  font-size: 0.75rem;
  font-weight: 500;
}

.kilo-console .mcp-install-section ul {
  display: grid;
  gap: 0.375rem;
  margin: 0;
  color: var(--text-weak);
  font-size: 0.75rem;
  padding-left: 1rem;
}

.kilo-console .mcp-config-form {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 0.75rem;
  overflow: auto;
  padding: 1rem;
}

.kilo-console .mcp-config-form textarea {
  min-height: 7rem;
}
