/* AffectUI identity plates and status pills, shared by all diagrams. */
.it-beam-result{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-height:25px;padding:4px 10px;border:1px solid #dddde2;border-radius:999px;background:#e8e8eb;box-shadow:0 2px 5px #27272d06;font-size:10.5px;font-weight:450;line-height:1.35;color:#696971;white-space:nowrap}
.it-beam-result[data-result=processing],.it-beam-result[data-result=working],.it-beam-result[data-result=checking]{border-color:#2f6bff;background:#2f6bff;color:#fff}
.it-beam-result[data-result=completed],.it-beam-result[data-result=complete],.it-beam-result[data-result=pass]{border-color:#33765f;background:#33765f;color:#fff}
.it-beam-result[data-result=blocked],.it-beam-result[data-result=revoked]{border-color:#ac485a;background:#ac485a;color:#fff}
.it-beam-result[data-result=review]{border-color:#8c672f;background:#8c672f;color:#fff}
.it-beam-result svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.it-beam-result .it-beam-spinner{display:block;transform-box:view-box;transform-origin:50% 50%;stroke-width:2;animation:it-beam-spin 900ms linear infinite}
@keyframes it-beam-spin{to{transform:rotate(360deg)}}
.it-beam-nameplate{position:absolute;left:50%;top:calc(100% - 10px);z-index:2;transform:translateX(-50%);display:grid;gap:2px;width:104px;padding:6px 7px;background:none;filter:drop-shadow(0 1px 2px #0000000a) drop-shadow(0 5px 5px #00000008) drop-shadow(0 10px 6px #00000005);color:var(--ink);font-size:10px;line-height:1.25;white-space:nowrap;text-align:center}
.it-beam-nameplate::before{content:'';position:absolute;inset:0;z-index:-2;background:#efeeee;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.it-beam-nameplate::after{content:'';position:absolute;inset:1px;z-index:-1;background:#fff;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
.it-beam-nameplate-title{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9.5px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.it-beam-nameplate-title svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.it-beam-nameplate-role{white-space:normal;font-size:10px;font-weight:400;color:var(--body)}
@media(prefers-reduced-motion:reduce){.it-beam-spinner{animation:none!important}}