.dtc{position:relative;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem 1.25rem 1.25rem;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.5;color:#111827;text-align:left;background:#fff;box-shadow:0 20px 60px #1118271a}.dtc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dtc-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}.dtc-head-title{font-size:13px;font-weight:600;color:#111827}.dtc-hostbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:10px;color:#6b7280}.dtc-hostbar b{font-weight:600;color:#374151}.dtc-live{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:#9ca3af}.dtc-live i{width:5px;height:5px;border-radius:9999px;background:#22c55e;animation:dtcPulse 2.4s ease-in-out infinite}.dtc-chain{display:flex;align-items:stretch;margin:0;padding:0;list-style:none}.dtc-hop{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.3rem;padding:.55rem .6rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff}.dtc-hop-name{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.dtc-hop-status{display:flex;align-items:center;gap:.35rem;font-size:11px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtc-hop-signal{font-size:9px;line-height:1.35;color:#9ca3af;overflow-wrap:anywhere}.dtc-dot{flex:0 0 auto;width:6px;height:6px;border-radius:9999px;background:#d1d5db}.dtc-hop[data-state=ok]{border-color:#bbf7d0;background:#f0fdf4}.dtc-hop[data-state=ok] .dtc-hop-status{color:#15803d}.dtc-hop[data-state=ok] .dtc-dot{background:#22c55e}.dtc-hop[data-state=down]{border-color:#fecaca;background:#fef2f2}.dtc-hop[data-state=down] .dtc-hop-status{color:#b91c1c}.dtc-hop[data-state=down] .dtc-dot{background:#ef4444;animation:dtcPulse 1.8s ease-in-out infinite}.dtc-arrow{flex:0 0 auto;width:1.1rem;display:flex;align-items:center;justify-content:center;color:#d1d5db}.dtc-arrow svg{width:12px;height:12px;animation:dtcFlow 2.4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .18s)}.dtc-verdict{position:relative;margin-top:1.1rem;padding:.7rem .8rem;border:1px solid #fde68a;border-left-width:3px;border-radius:.375rem;background:#fffbeb}.dtc-verdict:before{content:"";position:absolute;top:-5px;left:34%;width:8px;height:8px;border-left:1px solid #fde68a;border-top:1px solid #fde68a;background:#fffbeb;transform:rotate(45deg)}.dtc-verdict-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b45309;margin-bottom:.3rem}.dtc-verdict-title{font-size:12px;font-weight:600;color:#111827;margin-bottom:.25rem}.dtc-verdict-body{font-size:11px;color:#4b5563;line-height:1.55}.dtc-verdict-body b{font-weight:600;color:#111827}.dtc-fleet{margin-top:1rem;border-top:1px dashed #e5e7eb;padding-top:.85rem;display:flex;flex-direction:column;gap:.5rem}.dtc-row{display:flex;align-items:center;gap:.7rem;font-size:10px;color:#6b7280}.dtc-row-host{flex:0 0 5.5rem;color:#374151}.dtc-mini{display:inline-flex;gap:3px;flex:0 0 auto}.dtc-mini i{width:6px;height:6px;border-radius:9999px;background:#22c55e}.dtc-mini i[data-state=off]{background:#e5e7eb}.dtc-row-svc{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ca3af}.dtc-row-state{flex:0 0 auto;color:#15803d}.dtc-legend{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.85rem;font-size:9px;color:#9ca3af}.dtc-legend span{display:inline-flex;align-items:center;gap:.35rem}.dtc-legend i{width:6px;height:6px;border-radius:9999px}.dtc-foot{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:.7rem;font-size:11px;color:#4b5563}.dtc-foot-label{margin-right:.6rem;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9ca3af}@media(max-width:767px){.dtc-chain{flex-direction:column}.dtc-hop{flex-direction:row;align-items:center;gap:.6rem}.dtc-hop-name{flex:0 0 4.75rem}.dtc-hop-status{flex:0 0 auto}.dtc-hop-signal{flex:1 1 auto;text-align:right;line-height:1.5}.dtc-arrow{width:auto;height:.9rem;transform:rotate(90deg)}.dtc-verdict:before{left:1.5rem}.dtc-row-host{flex-basis:4.5rem}.dtc-row-svc{display:none}}@keyframes dtcPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes dtcFlow{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.dtc-dot,.dtc-arrow svg,.dtc-live i{animation:none!important;opacity:1!important}}