/* L13-B — shared static optical material. All L13-A geometry stays upstream. */
.agent-card-layer {
  --card-glass-opacity: .045;
  --card-edge-highlight: 246, 253, 255;
  --card-inner-edge-opacity: .42;
  --card-refraction-strength: .18;
  --card-glass-blur: .45px;
  --card-depth-opacity: .23;
  --card-corner-radius: 7px;
  --card-surface-sheen: .085;
  --card-light-angle: 118deg;
}
.agent-card-shell[data-side="right"] { --card-light-angle: 242deg; }
.agent-card-plane {
  border-color: transparent;
  border-radius: var(--card-corner-radius);
}
.agent-card-plane--front {
  background:
    linear-gradient(var(--card-light-angle), rgba(242,252,255,var(--card-surface-sheen)), transparent 24%, transparent 73%, rgba(218,237,249,.035)),
    linear-gradient(180deg, rgba(234,246,255,var(--card-glass-opacity)), rgba(210,230,245,.012) 52%, rgba(239,251,255,.055));
  backdrop-filter: blur(var(--card-glass-blur)) contrast(.985);
  -webkit-backdrop-filter: blur(var(--card-glass-blur)) contrast(.985);
  box-shadow: inset 0 -3px 5px rgba(239,250,255,.085), 0 2px 4px rgba(28,57,80,.07);
}
/* Bevel band: discontinuous highlights and a restrained dark internal facet.
   The masks restrict all optical treatment to the card perimeter. */
.agent-card-plane--front::before,
.agent-card-plane--front::after {
  content: ""; position: absolute; pointer-events: none;
  box-sizing: border-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.agent-card-plane--front::before {
  inset: -1px; padding: 3px; border-radius: var(--card-corner-radius);
  background:
    radial-gradient(ellipse 28px 34px at 1% 3%, rgba(var(--card-edge-highlight),.95), transparent 90%),
    radial-gradient(ellipse 40px 20px at 99% 96%, rgba(var(--card-edge-highlight),.82), transparent 95%),
    linear-gradient(var(--card-light-angle), rgba(var(--card-edge-highlight),.72), rgba(71,115,142,var(--card-refraction-strength)) 16%, rgba(var(--card-edge-highlight),.08) 34%, rgba(226,247,255,.5) 66%, rgba(var(--card-edge-highlight),.13) 84%, rgba(var(--card-edge-highlight),.78));
}
.agent-card-plane--front::after {
  inset: 4px; padding: 1px; border-radius: max(2px, calc(var(--card-corner-radius) - 3px));
  background:
    linear-gradient(180deg, rgba(48,90,118,.2), transparent 26%, transparent 63%, rgba(var(--card-edge-highlight),var(--card-inner-edge-opacity))),
    linear-gradient(var(--card-light-angle), rgba(var(--card-edge-highlight),.48), transparent 18%, transparent 80%, rgba(176,217,241,.28));
}
.agent-card-plane--back {
  background: linear-gradient(var(--card-light-angle), rgba(147,187,211,.05), transparent 38%, rgba(232,249,255,.025));
  border-color: rgba(205,231,247,.24);
  box-shadow: inset 0 -1px 0 rgba(248,254,255,.28);
}
.agent-card-plane--edge {
  border-color: rgba(227,246,255,.34);
  background:
    linear-gradient(90deg, rgba(47,83,110,var(--card-depth-opacity)), rgba(235,250,255,.48) 19%, rgba(154,200,228,.12) 35%, rgba(248,253,255,.34) 78%, rgba(73,113,143,.18)),
    linear-gradient(180deg, rgba(247,253,255,.27), transparent 23%, transparent 70%, rgba(239,253,255,.33));
}
.agent-card-plane--top {
  border-color: rgba(237,249,255,.28);
  background: linear-gradient(180deg, rgba(65,100,130,.12), rgba(240,253,255,.36) 45%, rgba(187,222,245,.08));
}
.agent-card-qa-label { color: #38546b; }
.time-night .agent-card-layer {
  --card-glass-opacity: .022;
  --card-surface-sheen: .055;
  --card-inner-edge-opacity: .3;
  --card-depth-opacity: .16;
}
.time-night .agent-card-qa-label { color: #d6e5ee; }
/* The floor remains bright at night; keep its temporary label neutral-dark. */
.time-night .agent-card-shell[data-side="center"] .agent-card-qa-label { color: #38546b; }