/* L13-A: neutral volumes in the existing canonical COVER scene. */
.agent-card-layer {
  position: absolute; inset: 0; z-index: 80;
  pointer-events: none;
  --agent-width: 350px; --agent-height: 270px; --agent-depth: 12px;
}
.agent-card-shell {
  position: absolute; left: var(--card-x); top: var(--card-y);
  width: var(--agent-width); height: var(--agent-height);
  margin: 0; transform-style: preserve-3d;
  transform: perspective(1200px) rotateY(-12deg) skewY(6deg);
  transform-origin: center;
}
.agent-card-shell[data-side="right"] {
  transform: perspective(1200px) rotateY(12deg) skewY(-6deg);
}
.agent-card-shell[data-side="center"] { transform: none; }
.agent-card-plane {
  position: absolute; inset: 0; box-sizing: border-box;
  border: 1px solid rgba(233,244,252,.8);
  background: rgba(192,207,220,.12);
  border-radius: 7px;
}
.agent-card-plane--back { transform: translateZ(calc(-1 * var(--agent-depth))); background: rgba(91,115,137,.1); }
.agent-card-plane--edge {
  left: 0; right: auto; width: var(--agent-depth);
  transform-origin: left center; transform: rotateY(90deg);
  border-radius: 0; background: rgba(115,139,160,.32);
}
.agent-card-shell[data-side="right"] .agent-card-plane--edge {
  left: auto; right: 0; transform-origin: right center; transform: rotateY(-90deg);
}
.agent-card-plane--top {
  bottom: auto; height: var(--agent-depth);
  transform-origin: center top; transform: rotateX(-90deg);
  border-radius: 0; background: rgba(220,233,243,.23);
}
.agent-card-shell[data-side="center"] .agent-card-plane--back,
.agent-card-shell[data-side="center"] .agent-card-plane--edge,
.agent-card-shell[data-side="center"] .agent-card-plane--top { display: none; }
.agent-card-qa-label {
  position: absolute; inset: 0; display: grid; place-items: center;
  font: 500 13px/1 system-ui,sans-serif; letter-spacing: .12em;
  color: #334f65;
}