.icon-action {
  position:relative;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:none;
  padding:0;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink)
}
.icon-action::after {
  content:attr(data-tooltip);
  position:absolute;
  right:0;
  bottom:calc(100% + 7px);
  padding:5px 8px;
  border-radius:5px;
  background:var(--ink);
  color:var(--button-ink);
  font-size:11px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translateY(3px);
  transition:opacity .15s ease,transform .15s ease
}
.icon-action:hover::after,.icon-action:focus-visible::after {
  opacity:1;
  transform:translateY(0)
}
.icon-action:hover {
  color:var(--accent);
  border-color:var(--accent)
}
.icon-action-danger:hover {
  color:var(--negative);
  border-color:var(--negative)
}
.icon-action-add {
  color:var(--accent)
}
.mcp-toggle-track {
  position:relative;
  display:block;
  width:38px;
  height:22px;
  flex:none;
  border-radius:999px;
  background:#526058;
  transition:background .2s ease;
  box-shadow:inset 0 0 0 1px #89958d
}
.mcp-toggle-thumb {
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px #0008;
  transition:transform .2s ease
}
.mcp-toggle {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:104px;
  min-height:44px;
  padding:4px 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
  text-align:left;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease,border-color .15s ease
}
.mcp-toggle:hover {
  background:var(--surface);
  color:var(--ink)
}
.mcp-toggle[aria-checked="true"] {
  color:var(--positive)
}
.mcp-toggle-label {
  min-width:49px
}
.mcp-toggle[aria-checked="true"] .mcp-toggle-track {
  background:var(--positive);
  box-shadow:none
}
.mcp-toggle[aria-checked="true"] .mcp-toggle-thumb {
  transform:translateX(16px);
  background:#fff
}
@media(prefers-reduced-motion:reduce) {
  .mcp-toggle,.mcp-toggle-track,.mcp-toggle-thumb {
    transition:none
  }
}
.action-icon-slot {
  display:grid;
  place-items:center;
  width:18px;
  height:18px
}
.secret-mask {
  color:var(--muted);
  margin-left:8px;
  letter-spacing:1px
}
@media(hover:none) {
  .icon-action::after {
    display:none
  }
}
.item-info {
  min-width:0;
  overflow-wrap:anywhere
}
.item-info h5 {
  font-size:14px;
  font-weight:600
}
.item-info p {
  color:var(--muted);
  font-size:12px;
  margin-top:3px
}