/* R13: custom-agent knowledge stack and orchestration mark. */
.support-ai-option-icon-agent {
  overflow: hidden;
  color: #68d9ec;
  background:
    radial-gradient(circle at 62% 28%, rgba(104, 217, 236, .2), transparent 34%),
    linear-gradient(145deg, rgba(8, 48, 72, .96), rgba(3, 24, 42, .98));
  border-color: rgba(104, 217, 236, .34);
  box-shadow: inset 0 1px 0 rgba(219, 248, 255, .1), inset 0 -12px 24px rgba(0, 10, 24, .24), 0 9px 20px rgba(0, 148, 184, .12);
  transform: none;
}

.support-agent-orchestration {
  width: 88%;
  height: 88%;
  display: block;
  overflow: visible;
}

.support-agent-orbit-track {
  fill: none;
  stroke: rgba(91, 169, 239, .72);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-dasharray: 2.5 4.5;
}

.support-agent-satellite {
  fill: #071a2c;
  stroke: #68d9ec;
  stroke-width: 1.5;
}

.support-agent-satellite-accent {
  fill: #b7e84e;
  stroke: #e8ffc7;
}

.support-agent-stack-layer {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.support-agent-stack-layer-low { opacity: .5; }

.support-agent-stack-layer-mid { opacity: .76; }

.support-agent-stack-layer-top {
  fill: rgba(37, 99, 151, .42);
  opacity: 1;
}

.support-agent-core-halo {
  fill: rgba(183, 232, 78, .18);
  stroke: rgba(183, 232, 78, .58);
  stroke-width: 1;
}

.support-agent-core {
  fill: #b7e84e;
  stroke: #efffd7;
  stroke-width: .8;
}
/* Keep responsive image sources inside the approved portrait geometry. */
.support-ai-visual-content picture {
  width: 100%;
  height: 100%;
  display: block;
}