/* How It Works / AWS label combinations. Foundations live in diagram-palette.css. */

.walkthrough-stage,
.aws-page .bedrock-stage {
  background: var(--diagram-surface);
  border-radius: var(--beams-radius-panel);
}

.walkthrough-stage .context-bubble,
.walkthrough-stage .architecture-services button,
.walkthrough-stage .delegation-task,
.walkthrough-stage .delegation-proposal,
.aws-page .bedrock-terminal {
  background: var(--diagram-inset);
  border-color: var(--bento-line);
  border-radius: var(--beams-radius-panel);
  box-shadow: none;
}

.walkthrough-stage .context-bubble {
  border-top-color: var(--diagram-purple);
}

.walkthrough-stage .architecture-nodes > *,
.walkthrough-stage .walkthrough-labels span,
.walkthrough-stage .connectivity-nodes span,
.walkthrough-stage .lifecycle-nodes span,
.walkthrough-stage .delegation-nodes span,
.aws-page .bedrock-labels span {
  background: var(--diagram-inset);
  color: var(--diagram-purple);
  border-radius: var(--beams-radius-button);
}

.walkthrough-stage .context-kicker,
.walkthrough-stage .walkthrough-status,
.walkthrough-stage .architecture-fact,
.walkthrough-stage .connectivity-fact,
.walkthrough-stage .connectivity-auth,
.walkthrough-stage #delegation-fact {
  color: var(--diagram-purple);
}

.walkthrough-stage .walkthrough-leaders path {
  stroke: var(--diagram-purple);
  opacity: 0.45;
}

.walkthrough-stage .architecture-nodes b {
  color: inherit;
}

.walkthrough-stage .architecture-nodes [data-architecture-node="network"],
.walkthrough-stage .architecture-nodes [data-architecture-node^="service-"],
.walkthrough-stage .connectivity-nodes [data-connectivity-node="network"],
.walkthrough-stage .connectivity-nodes [data-connectivity-node="proxy"],
.walkthrough-stage .delegation-nodes [data-delegation-node="network"],
.aws-page .bedrock-labels [data-discovery-node="network"],
.aws-page .bedrock-labels [data-access-node="policy"] {
  color: var(--diagram-network);
}

.walkthrough-stage .architecture-nodes [data-architecture-node="filesystem"],
.walkthrough-stage .lifecycle-nodes [data-lifecycle-node$="home"],
.walkthrough-stage .lifecycle-nodes [data-lifecycle-node="snapshot"] {
  color: var(--diagram-state);
}

.walkthrough-stage .architecture-nodes [data-architecture-node="service-llm"],
.walkthrough-stage .connectivity-nodes [data-connectivity-node="bedrock"],
.walkthrough-stage .connectivity-nodes [data-connectivity-node="astra"],
.walkthrough-stage .connectivity-nodes [data-connectivity-node="glm"],
.walkthrough-stage .connectivity-audit pre,
.walkthrough-stage .connectivity-audit-kind,
.aws-page .bedrock-labels [data-node="gateway"],
.aws-page .bedrock-labels [data-node="bedrock"],
.aws-page .bedrock-labels [data-node="0"],
.aws-page .bedrock-labels [data-node="1"],
.aws-page .bedrock-labels [data-node="2"],
.aws-page #bedrock-model-status,
.aws-page .bedrock-labels small,
.aws-page .access-api-log code {
  color: var(--diagram-positive);
}

.walkthrough-stage .walkthrough-command span,
.aws-page .bedrock-command-line > span {
  color: var(--diagram-action);
}

.aws-page .bedrock-terminal {
  border-left-color: var(--diagram-purple);
}

.walkthrough-stage .architecture-nodes [aria-pressed="true"],
.walkthrough-stage .architecture-services [aria-pressed="true"],
.walkthrough-stage .connectivity-nodes .is-selected,
.aws-page .bedrock-labels span.is-active {
  color: var(--diagram-action);
}

/* Do not recolor denied decisions, pending grants or inactive discovered resources. */
.walkthrough-stage .connectivity-nodes [data-connectivity-node].is-muted {
  color: var(--diagram-muted);
  background: var(--diagram-inset);
}
.walkthrough-stage .delegation-detail.is-denied {
  border-top-color: var(--diagram-alert);
}
.walkthrough-stage .delegation-nodes .is-denied,
.walkthrough-stage .delegation-proposal.is-denied {
  border-color: color-mix(in srgb, var(--diagram-alert) 55%, transparent);
  color: var(--diagram-alert);
}