/* Watchdog dashboard visual intelligence layer. Data-first visuals; no directional accent borders. */
@property --wdd-ring-progress{syntax:"<number>";inherits:false;initial-value:0}

.wdd-identity{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.wdd-identity-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.075);color:#dce7fb;font-size:11px;font-weight:700;white-space:nowrap}
.wdd-identity-chip i{font-size:10px;color:#a9c5ff}.wdd-identity-chip.is-plan{background:#fff;color:#10294b;border-color:#fff}.wdd-identity-chip.is-plan i{color:#2f6df6}

.wdd-signals{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));padding:0;background:#fff;overflow:hidden}
.wdd-signal{position:relative;min-width:0;padding:18px 20px 16px;border:0;box-shadow:inset -1px 0 0 #edf1f6;overflow:hidden}
.wdd-signal:last-child{box-shadow:none}.wdd-signal-k{min-height:24px}.wdd-signal-v{font-size:25px}.wdd-signal-n{min-height:34px}
.wdd-signal-visual{height:48px;margin-top:10px;display:flex;align-items:center;position:relative}
.wdd-signal-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:8px;color:#8a96a7;font-size:9px;font-weight:700;line-height:1;white-space:nowrap}

.wdd-dual-bars{width:100%;display:grid;gap:7px;padding-bottom:13px}.wdd-dual-line{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px}.wdd-dual-line span{color:#7b889c;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.wdd-dual-track{height:6px;border-radius:999px;background:#edf1f6;overflow:hidden}.wdd-dual-track i{display:block;height:100%;width:var(--fill,0%);border-radius:inherit;background:#2f6df6;transform-origin:left center;animation:wddBarIn .65s cubic-bezier(.2,.8,.2,1) both}.wdd-dual-line.market .wdd-dual-track i{background:#18a966}

.wdd-gap-track{width:100%;height:34px;position:relative;margin-bottom:8px}.wdd-gap-track::before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;border-radius:99px;background:linear-gradient(90deg,#e8f5ef 0 50%,#fff0f1 50% 100%)}.wdd-gap-zero{position:absolute;left:50%;top:7px;width:2px;height:19px;border-radius:2px;background:#9ba8ba}.wdd-gap-marker{position:absolute;left:var(--gap-pos,50%);top:7px;width:12px;height:12px;border-radius:50%;background:#e34f5f;box-shadow:0 0 0 4px rgba(227,79,95,.12);transform:translateX(-50%);animation:wddPopIn .55s cubic-bezier(.2,.8,.2,1) both}.wdd-gap-address{position:absolute;left:0;right:0;bottom:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c899d;font-size:9px;font-weight:700}

.wdd-benchmark{width:100%;position:relative;height:35px;margin-bottom:7px}.wdd-benchmark-track{position:absolute;left:0;right:0;top:14px;height:6px;border-radius:999px;background:linear-gradient(90deg,#e9f6f0,#edf1f6 45%,#fff1e5 72%,#fff0f1)}.wdd-benchmark-marker{position:absolute;left:var(--bench-pos,50%);top:8px;width:4px;height:18px;border-radius:3px;background:#10294b;transform:translateX(-50%);animation:wddMarkerIn .55s ease both}.wdd-benchmark-marker::after{content:"YOU";position:absolute;top:-11px;left:50%;transform:translateX(-50%);color:#10294b;font-size:7px;font-weight:900;letter-spacing:.05em}.wdd-benchmark-labels{position:absolute;left:0;right:0;bottom:-2px;display:flex;justify-content:space-between;color:#8c97a8;font-size:8px;font-weight:700}

.wdd-ring-viz{width:48px;height:48px;position:relative;display:grid;place-items:center;border-radius:50%;--wdd-ring-progress:0;animation:wddRingIn .8s cubic-bezier(.2,.8,.2,1) forwards}.wdd-ring-viz::before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--ring-color,#2f6df6) calc(var(--wdd-ring-progress)*1%),#edf1f6 0);mask:radial-gradient(circle at center,transparent 56%,#000 58%);-webkit-mask:radial-gradient(circle at center,transparent 56%,#000 58%)}.wdd-ring-viz b{font-size:11px;color:#172542;z-index:1}.wdd-ring-copy{margin-left:10px}.wdd-ring-copy b{display:block;color:#172542;font-size:11px}.wdd-ring-copy small{display:block;margin-top:2px;color:#8490a1;font-size:9px}

.wdd-stake-bars{width:100%;height:40px;display:flex;align-items:flex-end;gap:4px;padding-bottom:9px}.wdd-stake-bars i{flex:1;min-width:6px;height:var(--h,10%);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#20b66f,#87dcb1);transform-origin:center bottom;animation:wddBarGrow .7s cubic-bezier(.2,.8,.2,1) both}.wdd-stake-bars i:nth-child(2){animation-delay:.05s}.wdd-stake-bars i:nth-child(3){animation-delay:.1s}.wdd-stake-bars i:nth-child(4){animation-delay:.15s}.wdd-stake-bars i:nth-child(5){animation-delay:.2s}

.wdd-work{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto}.wdd-work>#wdd-positions{grid-column:1;grid-row:1}.wdd-work>.wdd-rail{grid-column:2;grid-row:1 / span 2}.wdd-adaptive{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;min-width:0}.wdd-adaptive:empty{display:none}
.wdd-adapt-card{min-width:0;padding:17px 18px;background:#fff;border:1px solid #e2e7ef;border-radius:14px;box-shadow:0 8px 24px rgba(40,55,82,.04);overflow:hidden}.wdd-adapt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wdd-adapt-kicker{display:block;color:#7e8a9e;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.wdd-adapt-card h3{margin:3px 0 0;color:#111d38;font:750 14px/1.25 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em}.wdd-adapt-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#2f6df6;font-size:12px;flex:none}.wdd-adapt-big{margin-top:14px;color:#111d38;font-size:26px;font-weight:800;letter-spacing:-.04em}.wdd-adapt-sub{margin-top:2px;color:#7d899c;font-size:10px}.wdd-mini-list{display:grid;gap:9px;margin-top:14px}.wdd-mini-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.wdd-mini-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33455f;font-size:10px}.wdd-mini-row span{color:#172542;font-size:10px;font-weight:800}.wdd-mini-track{grid-column:1/-1;height:4px;border-radius:99px;background:#edf1f6;overflow:hidden;margin-top:-4px}.wdd-mini-track i{display:block;width:var(--fill,0%);height:100%;border-radius:inherit;background:#2f6df6;transform-origin:left;animation:wddBarIn .6s ease both}.wdd-mini-track.is-green i{background:#18a966}.wdd-mini-track.is-gold i{background:#d79a18}
.wdd-segment{display:flex;height:10px;margin-top:16px;border-radius:99px;overflow:hidden;background:#edf1f6}.wdd-segment i{height:100%;width:var(--w,0%);background:var(--c,#2f6df6)}.wdd-segment-legend{display:flex;flex-wrap:wrap;gap:7px 10px;margin-top:11px}.wdd-segment-legend span{display:inline-flex;align-items:center;gap:5px;color:#6f7c91;font-size:9px;font-weight:700}.wdd-segment-legend i{width:7px;height:7px;border-radius:50%;background:var(--c,#2f6df6)}
.wdd-completeness{display:flex;align-items:center;gap:14px;margin-top:14px}.wdd-completeness .wdd-ring-viz{width:58px;height:58px}.wdd-complete-list{display:grid;gap:4px;min-width:0}.wdd-complete-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7b879a;font-size:9px}.wdd-complete-list b{color:#263953;font-size:10px}

.wdd-feed-item{grid-template-columns:78px minmax(0,1fr);gap:13px;padding:12px 14px}.wdd-feed-map{position:relative;width:78px;height:58px;border-radius:10px;overflow:hidden;background-color:#edf1f6;background-position:left top;background-size:256px 256px;box-shadow:inset 0 0 0 1px rgba(16,41,75,.08)}.wdd-feed-map::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(16,41,75,.04));pointer-events:none}.wdd-feed-pin{position:absolute;left:var(--pin-x,50%);top:var(--pin-y,50%);width:20px;height:20px;border-radius:50% 50% 50% 4px;background:#2f6df6;color:#fff;display:grid;place-items:center;font-size:8px;transform:translate(-50%,-70%) rotate(-45deg);box-shadow:0 4px 12px rgba(16,41,75,.28)}.wdd-feed-pin i{transform:rotate(45deg)}.wdd-feed-source{width:78px;height:58px;border-radius:10px;display:grid;place-items:center;background:#edf1f6;color:#64758c;font-size:16px}.wdd-feed-source.is-bad{background:#fdeef0;color:#e34f5f}.wdd-feed-source.is-warn{background:#fff4e4;color:#b0730a}.wdd-feed-source.is-ok{background:#e7f7ef;color:#18a966}.wdd-feed-item b{font-size:12.5px}.wdd-feed-item small{font-size:10.5px}.wdd-feed-badge{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;background:#f2f5f9;color:#6d7a8d;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}

.wdnj-item{grid-template-columns:92px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}.wdnj-thumb{width:92px;height:66px;border-radius:10px;overflow:hidden;background:#edf1f6;display:block;position:relative}.wdnj-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wdnj-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#eef4ff,#f6f8fb);color:#315cae;font-size:17px}.wdnj-story{font-size:12.5px!important}.wdnj-actions{align-self:center}

@keyframes wddBarIn{from{transform:scaleX(0);opacity:.5}to{transform:scaleX(1);opacity:1}}
@keyframes wddBarGrow{from{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes wddPopIn{from{transform:translateX(-50%) scale(.3);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}
@keyframes wddMarkerIn{from{opacity:0;transform:translateX(-50%) scaleY(.2)}to{opacity:1;transform:translateX(-50%) scaleY(1)}}
@keyframes wddRingIn{from{--wdd-ring-progress:0}to{--wdd-ring-progress:var(--target,0)}}

@media(max-width:1320px){.wdd-signals{grid-template-columns:repeat(3,1fr)}.wdd-signal:nth-child(3){box-shadow:none}.wdd-signal:nth-child(-n+3){border-block-end:1px solid #edf1f6}}
@media(max-width:1100px){.wdd-work{grid-template-columns:1fr;grid-template-rows:auto}.wdd-work>#wdd-positions,.wdd-work>.wdd-rail,.wdd-adaptive{grid-column:1;grid-row:auto}.wdd-adaptive{order:2}.wdd-work>.wdd-rail{order:3}.wdnj-item{grid-template-columns:82px minmax(0,1fr) auto!important}.wdnj-thumb{width:82px;height:60px}}
@media(max-width:760px){.wdd-signals{grid-template-columns:repeat(2,1fr)}.wdd-signal:nth-child(n){box-shadow:inset -1px 0 0 #edf1f6;border-block-end:1px solid #edf1f6}.wdd-signal:nth-child(even){box-shadow:none}.wdd-adaptive{grid-template-columns:1fr}.wdd-identity{margin-top:8px}.wdd-feed-item{grid-template-columns:68px minmax(0,1fr)}.wdd-feed-map,.wdd-feed-source{width:68px;height:54px}.wdnj-item{grid-template-columns:72px minmax(0,1fr)!important}.wdnj-thumb{width:72px;height:56px}.wdnj-actions{grid-column:2}}
@media(max-width:520px){.wdd-signals{grid-template-columns:1fr}.wdd-signal:nth-child(n){box-shadow:none}.wdd-signal-visual{height:44px}.wdnj-item{grid-template-columns:64px minmax(0,1fr)!important}.wdnj-thumb{width:64px;height:52px}.wdd-identity-chip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wdd-dual-track i,.wdd-gap-marker,.wdd-benchmark-marker,.wdd-ring-viz,.wdd-stake-bars i,.wdd-mini-track i{animation:none}}
