#liveDelivery{min-height:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 0,#215a87,transparent 70%),#081c31;color:#eff8ff}.live-scroll{overflow:auto;min-height:0;flex:1;padding:18px 24px}.live-heading{display:flex;gap:9px;align-items:center;color:#91ddeb;font-size:10px;font-weight:bold;letter-spacing:1.5px}.live-signal{width:7px;height:7px;border-radius:50%;background:#71d8c2}#liveDelivery h2{color:white;font-size:clamp(21px,3vw,32px);margin:12px 0}.live-mail-wave{display:flex;align-items:center;gap:10px;height:clamp(65px,16vh,140px)}.live-endpoint{font-size:clamp(15px,2vw,22px);font-weight:bold;text-align:center;min-width:65px}.live-endpoint small{display:block;font-size:8px;letter-spacing:1px;color:#96b9d3;margin-top:6px}.live-route{flex:1;height:100%;position:relative;overflow:hidden}.live-route svg{height:100%;width:100%;opacity:.45}.live-route path{fill:none;stroke:#5acbdc;stroke-width:2;stroke-dasharray:5 5}.live-route i{position:absolute;left:-40px;top:30%;font-style:normal;background:#265883;border:1px solid #8cdded;border-radius:9px;padding:8px 12px;box-shadow:0 0 20px #62dced33;opacity:0;animation:live-mail-flight 3.2s linear infinite;animation-play-state:paused}.live-route i:nth-of-type(2){animation-delay:-.8s}.live-route i:nth-of-type(3){animation-delay:-1.6s}.live-route i:nth-of-type(4){animation-delay:-2.4s}#liveDelivery[data-state=sending] .live-route i{animation-play-state:running}#liveDelivery[data-state=sending] .live-signal{animation:live-pulse 1.5s ease-in-out infinite}#liveDelivery[data-state=complete] .live-signal{box-shadow:0 0 14px #79f1c9}#liveDelivery:is([data-state=outage],[data-state=uncertain],[data-state=rejected],[data-state=unknown]) .live-signal{background:#ffcc85}.live-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.live-metrics strong{display:block;font-size:clamp(25px,5vw,48px);font-variant-numeric:tabular-nums;color:white}.live-metrics span{font-size:10px;color:#9ec0d9}#liveDelivery .live-progress{height:8px;background:#1a3b56;border:0;border-radius:6px;margin:17px 0}#liveDelivery .live-progress>div{background:linear-gradient(90deg,#55acff,#69e2c2);transition:width .4s ease;border-radius:6px}#liveConnections{display:flex;gap:6px;flex-wrap:wrap}#liveConnections span{font-size:10px;border:1px solid #41627f;border-radius:20px;padding:5px 8px;color:#b8d8ed}#liveConnections .needs-test{border-color:#d9aa68;color:#ffd6a0}#liveNote,#queueMessage{font-size:12px;color:#b8d1e3;line-height:1.5;margin:12px 0}#livePrivacy{font-size:9px;color:#89a6be;margin:8px 0}.live-actions{flex-shrink:0;padding:10px 24px;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;background:#102a43;border-top:1px solid #254963}.live-actions button{font-size:11px;padding:7px 11px}.live-actions .danger{color:#ffb7b7}#queueActions{display:flex;gap:7px;flex-wrap:wrap}#queueActions[hidden]{display:none}@keyframes live-mail-flight{0%{left:-45px;opacity:0;transform:translateY(6px)}15%{opacity:1}50%{transform:translateY(-8px)}85%{opacity:1}100%{left:100%;opacity:0;transform:translateY(6px)}}@keyframes live-pulse{50%{box-shadow:0 0 0 6px #71d8c220}}@media(max-width:500px){.live-scroll{padding:12px 14px}.live-actions{padding:8px 14px}.live-mail-wave{height:85px}.live-endpoint{min-width:51px}.live-endpoint small{font-size:7px}.live-metrics strong{font-size:28px}#liveDelivery h2{font-size:21px}}@media(prefers-reduced-motion:reduce){#liveDelivery .live-route i,#liveDelivery .live-signal{animation:none!important}#liveDelivery .live-progress>div{transition:none}}