/* Namespaced diagram fragment: additive to assets/case-studies/lab.css. */
.tv-architecture{--tv-line:#66cfc2;--tv-soft:#c1d3c9;--tv-border:#739589;margin:0 0 42px;padding:28px;border:1px solid #6a8a7e;background:#122f27;color:#f7f4ec;isolation:isolate}
.tv-icon-library{position:absolute;width:0;height:0;overflow:hidden}
.tv-architecture svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.tv-caption .mini-index{color:#76e1d5;margin-bottom:9px;font-size:12px}
.tv-caption h3{font-size:30px;line-height:1.05;color:#f7f4ec}
.tv-caption a{color:#d6e9df;font-size:13px;line-height:1.5;white-space:nowrap}
.tv-intro{max-width:850px;color:#d0ded5;font-size:15px;line-height:1.55}
.tv-legend{display:flex;gap:22px;flex-wrap:wrap;margin:19px 0 25px;font-size:12px;color:#d0ded5}
.tv-legend>span{display:flex;align-items:center;gap:8px}
.tv-legend i{display:inline-block;flex-shrink:0;position:relative}
.tv-legend-line{width:24px;height:2px;background:var(--tv-line)}
.tv-legend-line:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:2px solid var(--tv-line);border-right:2px solid var(--tv-line);transform:rotate(45deg)}
.tv-legend-boundary{height:13px;width:24px;border:1px dashed #a3bdae}
.tv-legend-signal{width:9px;height:9px;background:#99fff0;border-radius:50%;box-shadow:0 0 9px #69e3cf}
.tv-entry-grid,.tv-gateway-grid{display:grid;grid-template-columns:minmax(0,1fr) 178px minmax(0,1fr);align-items:center;gap:0}
.tv-entry-grid{padding-inline:44px}
.tv-side-note{grid-column:3;color:#becfc4;font-size:14px;line-height:1.5;margin:0!important}
.tv-side-note strong{display:block;color:#e5eee7;font-size:15px;margin-bottom:5px}
.tv-node{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:20px 18px;background:#214339;border:1px solid var(--tv-border);border-radius:5px;position:relative}
.tv-node>div{min-width:0}
.tv-node-icon{flex-shrink:0;display:grid;place-items:center;color:#7de6d8;background:#14372c;border:1px solid #577e6d;border-radius:10px;width:47px;height:47px}
.tv-node-icon svg{width:28px;height:28px}
.tv-node strong{display:block;font-size:19px;line-height:1.2;color:#fffdf6}
.tv-node small{display:block;font-size:12px;line-height:1.45;color:#d1dfd6;margin-top:7px}
.tv-kicker{display:block;color:#7ce6d8;font:700 12px/1.4 var(--body,Arial,sans-serif);margin-bottom:7px}
.tv-permission{display:block;font-size:12px;line-height:1.45;color:#c6d8cb;border-top:1px solid #587665;padding-top:9px;margin-top:12px}
.tv-teams-node{background:#27463f}
.tv-gateway-node{border-color:#8ce9d8;background:#1a4233}
.tv-gateway-grid{padding-inline:20px}
.tv-vnet{padding:19px 23px 23px;border:1px dashed #a8bfae;background:rgba(113,203,161,.025);border-radius:8px}
.tv-boundary-label,.tv-environment-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:17px;font-size:12px;line-height:1.45;color:#bfd2c7}
.tv-boundary-label strong,.tv-environment-label strong{font-size:14px;color:#edf4eb}
.tv-app-environment{border:1px dashed #62a38b;padding:18px 20px 0;border-radius:6px;background:#163d2f}
.tv-environment-label{margin-bottom:15px}
.tv-agent-grid{display:grid;grid-template-columns:minmax(0,1fr) 178px minmax(0,1fr);align-items:stretch}
.tv-agent-node{display:block;padding:18px 16px}
.tv-agent-node .tv-node-icon{margin-bottom:13px}
.tv-handoff{display:flex;flex-direction:column;justify-content:center;padding-inline:12px;gap:19px}
.tv-connector{color:var(--tv-line);position:relative;text-align:center}
.tv-connector>span{display:block;font-size:14px;line-height:1.35;font-weight:700;color:#d4e7dc}
.tv-connector small{display:block;font-size:12px;line-height:1.4;color:#b9d1c2}
.tv-connector .tv-line{stroke:var(--tv-line);stroke-width:1.8;vector-effect:non-scaling-stroke}
.tv-connector .tv-pulse{fill:#b7fff3;stroke:none;opacity:0;filter:drop-shadow(0 0 4px #9fffe6)}
.tv-down{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:9px 0 0;min-height:67px}
.tv-down>span{background:#122f27;padding:0 8px;margin-bottom:3px}
.tv-down svg{width:24px;height:38px;display:block;flex-shrink:0}
.tv-across svg{width:100%;height:24px;display:block;margin:3px 0}
.tv-return .tv-line{stroke:#a6bcae}
.tv-entry-connector{display:grid;grid-template-columns:minmax(0,1fr) 178px minmax(0,1fr);padding-inline:44px}
.tv-gateway-connector{display:grid;grid-template-columns:minmax(0,1fr) 178px minmax(0,1fr);padding-inline:20px}
.tv-gateway-connector .tv-down>span{background:#15352b}
.tv-agent-bus{height:26px;margin:0 14%;display:flex;justify-content:space-between;border-bottom:2px solid var(--tv-line);position:relative}
.tv-agent-bus>i{height:26px;width:2px;background:var(--tv-line);display:block}
.tv-agent-bus:after{content:"";position:absolute;left:calc(50% - 1px);top:25px;width:2px;height:38px;background:var(--tv-line)}
.tv-bus-label{position:relative;z-index:1;margin:16px auto 0!important;padding:4px 8px;max-width:max-content;text-align:center;background:#163d2f;color:#c8e0cf;font-size:12px;line-height:1.4}
.tv-resource-branch{height:35px;margin:0 24%;position:relative;border-top:2px solid var(--tv-line);margin-top:18px;display:flex;justify-content:space-between}
.tv-resource-branch:before{content:"";position:absolute;left:calc(50% - 1px);top:-20px;width:2px;height:19px;background:var(--tv-line)}
.tv-resource-branch>i{height:34px;width:2px;background:var(--tv-line);position:relative}
.tv-resource-branch>i:after{content:"";position:absolute;bottom:0;left:-3px;border-right:2px solid var(--tv-line);border-bottom:2px solid var(--tv-line);width:6px;height:6px;transform:rotate(45deg)}
.tv-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.tv-resource-bank{border:1px solid #6f8f80;background:#1b3b31;border-radius:5px;padding:16px 18px;min-width:0}
.tv-resource-bank h4{font-size:18px;letter-spacing:-.02em;color:#f7f4ec;margin:0}
.tv-resource-bank>p{font-size:12px;line-height:1.5;color:#c2d5c8;margin:5px 0 12px!important}
.tv-resource-bank ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.tv-resource-bank li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.35;color:#edf6ed}
.tv-resource-bank li svg{flex-shrink:0;width:22px;height:22px;color:#8dd4bb}
.tv-firewall-node{align-items:center}
.tv-outbound-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-inline:24px}
.tv-outbound-note{font-size:14px;line-height:1.55;color:#c3d7c8;padding:25px 0}
.tv-outbound-note strong{display:block;color:#f4f7ee;margin-bottom:7px}
.tv-outbound-note p{margin:0}
.tv-outbound-lane{min-width:0}
.tv-external-node{background:#263f38}
.tv-reply-destination{display:flex;gap:12px;align-items:center;position:relative;border-left:2px solid #6bd6c0;margin-left:28px;padding:15px 0 0 22px}
.tv-reply-destination:before{content:"";position:absolute;left:0;top:31px;width:13px;height:2px;background:#6bd6c0}
.tv-reply-destination:after{content:"";position:absolute;left:8px;top:28px;width:6px;height:6px;border-right:2px solid #6bd6c0;border-top:2px solid #6bd6c0;transform:rotate(45deg)}
.tv-reply-destination>svg{width:24px;height:24px;flex-shrink:0;color:#93e8d3}
.tv-reply-destination strong{font-size:14px;line-height:1.4;color:#f1f8ed;display:block}
.tv-reply-destination small{font-size:12px;line-height:1.4;color:#c0d7c8;display:block;margin-top:4px}
.tv-scope-note{font-size:12px;line-height:1.6;color:#b9d1c0;border-top:1px solid #496f59;padding-top:18px;margin-top:26px!important}
.tv-architecture [data-flow-node].is-active,.tv-architecture [data-flow-node].active,.tv-resource-bank.is-active,.tv-firewall-node.is-active{border-color:#b5ffed;box-shadow:0 0 0 1px #a8ffea,0 0 20px rgba(98,243,201,.12)}
.tv-connector.is-active>span,.tv-connector.active>span{color:#bcffed}
.tv-connector.is-active .tv-line,.tv-connector.active .tv-line{stroke:#baffed}
.tv-across.is-active .tv-pulse,.tv-across.active .tv-pulse{animation:tv-pulse-across 900ms ease-out 1}
.tv-across.tv-return.is-active .tv-pulse,.tv-across.tv-return.active .tv-pulse{animation-name:tv-pulse-return}
.tv-down.is-active .tv-pulse,.tv-down.active .tv-pulse{animation:tv-pulse-down 900ms ease-out 1}
@keyframes tv-pulse-across{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(140px)}}
@keyframes tv-pulse-return{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(-140px)}}
@keyframes tv-pulse-down{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(27px)}}
@media(max-width:1040px){.tv-architecture{padding:22px}.tv-entry-grid,.tv-gateway-grid,.tv-agent-grid,.tv-entry-connector,.tv-gateway-connector{grid-template-columns:minmax(0,1fr) 146px minmax(0,1fr)}.tv-node{padding:16px 13px;gap:10px}.tv-node-icon{width:39px;height:39px}.tv-node-icon svg{width:25px;height:25px}.tv-node strong{font-size:18px}.tv-handoff{padding-inline:8px}.tv-resource-bank{padding:15px}.tv-resource-bank ul{grid-template-columns:1fr}}
@media(max-width:760px){
  .tv-architecture{padding:19px 14px;margin-bottom:30px}
  .tv-caption{display:block}.tv-caption h3{font-size:28px}.tv-caption a{display:inline-block;margin-top:12px;font-size:13px;white-space:normal;padding-block:6px}
  .tv-intro{font-size:14px}.tv-legend{gap:11px 18px;margin-bottom:20px}
  .tv-entry-grid,.tv-gateway-grid,.tv-entry-connector,.tv-gateway-connector{display:block;padding-inline:0}
  .tv-side-note{margin-top:12px!important;font-size:13px}.tv-entry-grid .tv-side-note{margin:0!important;padding:0;height:0;overflow:hidden;visibility:hidden}
  .tv-vnet{padding:14px 11px 16px}.tv-boundary-label,.tv-environment-label{display:block}.tv-boundary-label span,.tv-environment-label span{display:block;margin-top:4px}
  .tv-boundary-label{margin-bottom:15px}.tv-gateway-grid .tv-side-note{padding-inline:4px}
  .tv-node{padding:17px 13px}.tv-node strong{font-size:18px}.tv-node-icon{width:42px;height:42px}.tv-node small,.tv-kicker,.tv-permission{font-size:12px}
  .tv-app-environment{padding:14px 10px 0}.tv-environment-label strong{font-size:14px}
  .tv-agent-grid{display:flex;flex-direction:column;position:relative;padding-left:10px}.tv-agent-grid:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--tv-line)}.tv-agent-node{display:flex;align-items:flex-start;gap:12px}.tv-agent-node:before{content:"";position:absolute;left:-10px;top:50%;width:10px;height:2px;background:var(--tv-line)}.tv-agent-node .tv-node-icon{margin-bottom:0}
  .tv-handoff{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}
  .tv-across{display:flex;flex-direction:column;align-items:center;padding-inline:2px}
  .tv-across>span{font-size:14px;min-height:39px}.tv-across small{font-size:12px;min-height:33px}
  .tv-across svg{width:70px;height:24px;transform:rotate(90deg);margin:26px 0}
  .tv-across.tv-return{flex-direction:column-reverse}.tv-across.tv-return svg{transform:rotate(90deg)}
  .tv-across.tv-return>span{margin-top:0}.tv-across.tv-return small{margin-top:0}
  .tv-agent-bus{margin:0 0 0 0;width:50%;border-bottom:2px solid var(--tv-line);height:25px}.tv-agent-bus>i:last-child{display:none}.tv-agent-bus:after{left:auto;right:-1px;top:24px;height:32px}
  .tv-bus-label{font-size:12px;margin-top:10px!important;padding:5px;max-width:95%}
  .tv-resource-branch{margin-inline:0;border-top:0;height:0;margin-top:0}.tv-resource-branch:before{left:calc(50% - 1px);top:0;height:26px}.tv-resource-branch:after{content:"";position:absolute;left:-6px;top:0;width:calc(50% + 6px);height:2px;background:var(--tv-line)}.tv-resource-branch>i{display:none}
  .tv-resource-grid{display:flex;flex-direction:column;gap:0;padding-top:26px;position:relative}
  .tv-resource-grid:before{content:"";position:absolute;left:-6px;top:0;bottom:70px;border-left:2px solid var(--tv-line);width:6px;border-top:2px solid var(--tv-line)}
  .tv-resource-bank{position:relative;margin-bottom:28px;padding:16px 12px}.tv-resource-bank:before,.tv-firewall-node:before{content:"";position:absolute;left:-7px;top:50%;width:7px;height:2px;background:var(--tv-line)}
  .tv-resource-bank:after,.tv-firewall-node:after{content:"";position:absolute;left:-5px;top:calc(50% - 3px);width:6px;height:6px;border-right:2px solid var(--tv-line);border-top:2px solid var(--tv-line);transform:rotate(45deg)}
  .tv-resource-bank ul{grid-template-columns:1fr;gap:10px}.tv-resource-bank li{font-size:14px}
  .tv-firewall-node{position:relative}.tv-firewall-node .tv-permission{font-size:12px}
  .tv-outbound-grid{display:flex;flex-direction:column-reverse;gap:0;padding-inline:12px}.tv-outbound-note{padding:23px 0 0;font-size:13px}
  .tv-reply-destination{margin-left:21px;padding-left:20px}.tv-reply-destination strong{font-size:14px}
  .tv-scope-note{font-size:12px;margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){.tv-architecture .tv-pulse{animation:none!important;display:none}.tv-architecture *{transition:none!important}}
@media print{.tv-architecture{background:#fff;color:#111;break-inside:avoid}.tv-architecture *{color:#111!important}.tv-architecture .tv-pulse{display:none}.tv-vnet,.tv-app-environment,.tv-node,.tv-resource-bank,.tv-down>span,.tv-bus-label{background:#fff}}