.launcher-session-card[hidden],
[data-agent-rail][hidden] {
  display: none !important;
}

.launcher-session-card {
  width: 100%;
}

.agent-card--session {
  border-style: dashed;
  border-color: var(--launcher-line);
  background: linear-gradient(
    145deg, rgba(25, 27, 36, .82), rgba(12, 13, 18, .72)
  );
}

.agent-card--session .agent-card__status--session {
  color: var(--launcher-cyan);
  border-color: rgba(37, 99, 235, .28);
}

.agent-card--session .agent-card__platform {
  display: grid;
  place-items: center;
  color: var(--launcher-text);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
}

.agent-card--session .agent-card__platform > span {
  position: relative;
  z-index: 1;
}

.agent-card--session .agent-card__status--session i {
  background: var(--launcher-cyan);
  box-shadow: 0 0 8px var(--launcher-cyan);
}

.mcp-drawer-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  color: var(--launcher-muted);
  font-size: 10px;
}

.mcp-drawer-status__dot,
.mcp-connection-state__dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #8b8f9a;
}

.mcp-drawer-status__dot[data-state="connected"],
.mcp-connection-state__dot[data-state="connected"] {
  background: #6ee7b7;
  box-shadow: 0 0 10px rgba(110, 231, 183, .75);
}

.mcp-drawer-status__dot[data-state="connecting"],
.mcp-connection-state__dot[data-state="connecting"] {
  background: var(--launcher-cyan);
  box-shadow: 0 0 10px rgba(37, 99, 235, .7);
  animation: mcp-state-pulse 1.2s ease-in-out infinite;
}

.mcp-drawer-status__dot[data-state="error"],
.mcp-connection-state__dot[data-state="error"] {
  background: #f4c95d;
  box-shadow: 0 0 10px rgba(244, 201, 93, .65);
}

.mcp-connection-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mcp-connection-note strong {
  display: block;
  margin-bottom: 4px;
  color: #d8dae2;
  font-size: 11px;
}

.mcp-connection-note p {
  margin: 0;
}

.mcp-connection-note .computador-auto__icone {
  background: #8b8f9a;
  box-shadow: none;
}

[data-theme="light"] .mcp-connection-note .computador-auto__icone {
  background: #6e7078;
}

body[data-mcp-state="connecting"] .mcp-connection-note .computador-auto__icone {
  background: var(--launcher-cyan);
  box-shadow: 0 0 16px var(--launcher-cyan);
}

body[data-mcp-state="connected"] .mcp-connection-note .computador-auto__icone {
  background: #6ee7b7;
  box-shadow: 0 0 16px rgba(110, 231, 183, .75);
}

.mcp-form__rodape .computador-botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.mcp-form__rodape .computador-botao svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.mcp-form__rodape [data-mcp-footer-action][hidden] {
  display: none !important;
}

@keyframes mcp-state-pulse {
  50% {
    opacity: .45;
    transform: scale(.78);
  }
}

[data-theme="light"] .agent-card--session {
  border-color: rgba(37, 99, 235, .26);
  background: linear-gradient(
    145deg, rgba(255, 255, 255, .94), rgba(239, 248, 249, .86)
  );
}

[data-theme="light"] .mcp-connection-note strong {
  color: #333338;
}

@media (max-width: 700px) {
  .launcher-session-card {
    padding-inline: 2px;
  }

  .agent-card--session {
    min-height: 280px;
  }
}