.panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 10px 14px;
  max-width: min(var(--chat-regular-content-width, 1000px), calc(100vw - 64px));
  background: var(--background);
}

.title {
  font-weight: 700;
  color: var(--agent-blue-500);
}

.header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.startup {
  color: var(--warning-color);
}

.note,
.secondary {
  color: var(--muted-foreground);
}

.server {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.row,
.tip {
  display: flex;
  gap: 6px;
  align-items: baseline;
  min-height: 18px;
  cursor: pointer;
}

.selected {
  color: var(--agent-blue-500);
}

.disabled {
  color: var(--muted-foreground);
}

.pointer {
  display: inline-block;
  width: 2ch;
  color: var(--agent-blue-500);
}

.nameCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.separator {
  color: var(--muted-foreground);
}

.sectionTitle,
.groupTitle {
  font-weight: 700;
}

.success {
  color: var(--success-color);
}

.warning {
  color: var(--warning-color);
}

.error {
  color: var(--error-color);
}

.group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.description {
  color: var(--foreground);
  white-space: pre-wrap;
}

.schema {
  color: var(--muted-foreground);
  margin: 2px 0 0;
  white-space: pre-wrap;
  overflow: auto;
}

.tips {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

.accent {
  color: var(--agent-blue-500);
}

.shortcuts {
  color: var(--muted-foreground);
  border-top: 1px solid var(--border);
  padding-top: 8px;
}

.detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.serverFields {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.serverField {
  display: grid;
  grid-template-columns: 15ch minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
}

.serverFieldLabel {
  color: var(--foreground);
}

.detailBlock,
.parameters,
.invalidBlock {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.invalidBlock {
  color: var(--error-color);
}

.parameterRow {
  color: var(--muted-foreground);
  white-space: pre-wrap;
}

.actionMessage {
  color: var(--muted-foreground);
  margin: 0;
  white-space: pre-wrap;
}

.oauthPage {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.scrollHint {
  color: var(--muted-foreground);
}