/* Asset Discovery and Shadow IT only: the discovered asset tree. Connector lines draw once, then rest. */
.uc2 .uc-at { padding-bottom: 24px; }
.uc2 .uc-at__root { display: flex; align-items: center; gap: 12px; padding: 14px 0 6px; color: #fff; }
.uc2 .uc-at__rt { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; background: #0b1236; color: #a6b0d2; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.uc2 .uc-at__root b { font-family: var(--bd-font-mono); font-size: var(--bd-body-size); font-weight: 600; }
.uc2 .uc-at__root small { margin-left: auto; font-family: var(--bd-font-mono); font-size: var(--bd-eyebrow-size); letter-spacing: .08em; text-transform: uppercase; color: #8b97c4; }
.uc2 .uc-at__tree { position: relative; margin-left: 17px; padding-left: 26px; }
.uc2 .uc-at__node { position: relative; padding: 10px 0 8px; animation: uc-at-fade .5s ease calc(.25s + var(--at-i) * .22s) both; }
.uc2 .uc-at__node::before { content: ""; position: absolute; left: -26px; top: 25px; width: 20px; height: 1px; background: rgb(255 255 255 / .22); transform-origin: left; animation: uc-at-h .45s var(--uc-ease) calc(.2s + var(--at-i) * .22s) both; }
.uc2 .uc-at__node::after { content: ""; position: absolute; left: -26px; top: 0; bottom: 0; width: 1px; background: rgb(255 255 255 / .22); transform-origin: top; animation: uc-at-v .5s var(--uc-ease) calc(.1s + var(--at-i) * .22s) both; }
.uc2 .uc-at__node:last-child::after { bottom: auto; height: 25px; }
.uc2 .uc-at__row { display: flex; align-items: center; gap: 10px; }
.uc2 .uc-at__ic { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; background: #0b1236; color: #a6b0d2; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.uc2 .uc-at__name { min-width: 0; overflow-wrap: anywhere; font-family: var(--bd-font-mono); font-size: var(--bd-small-size); font-weight: 500; color: #fff; }
.uc2 .uc-at__new { margin-left: auto; white-space: nowrap; flex: 0 0 auto; padding: 3px 9px; border-radius: 8px; background: var(--uc-coral, #ff5247); color: #fff; font-style: normal; font-family: var(--bd-font-mono); font-size: var(--bd-eyebrow-size); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.uc2 .uc-at__node.is-new .uc-at__ic { background: var(--uc-coral, #ff5247); color: #fff; box-shadow: none; }
.uc2 .uc-at__node.is-new .uc-at__name { min-width: 0; overflow-wrap: anywhere; color: #ffb4ae; }
.uc2 .uc-at__svc { position: relative; display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0 38px; }
.uc2 .uc-at__svc li { padding: 4px 10px; border-radius: 8px; background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); font-family: var(--bd-font-mono); font-size: var(--bd-eyebrow-size); color: #a6b0d2; }
.uc2 .uc-at__svc li b { font-weight: 600; color: #fff; }
.uc2 .uc-at__svc li.is-warn { background: rgb(255 82 71 / .14); box-shadow: inset 0 0 0 1px rgb(255 82 71 / .45); color: #ffb4ae; }
.uc2 .uc-at__svc li.is-warn b { color: #fff; }
@keyframes uc-at-v { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes uc-at-h { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes uc-at-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .uc-at__node, .uc-at__node::before, .uc-at__node::after { animation: none !important; } }
@media (max-width: 480px) { .uc-at__root small { display: none; } .uc-at__tree { padding-left: 22px; } .uc-at__node::before { left: -22px; width: 16px; } }

/* Six cards: three per row. */