:root{color-scheme:light;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;color:#17171a;background:#f7f9fc;--blue:#0786ff;--blue-dark:#006bdb;--blue-pale:#edf6ff;--muted:#7d8795;--line:#e2e7ef;--green:#16855b;--amber:#a46b16;--sidebar:244px}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0786ff55;outline-offset:3px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}img{object-fit:contain;max-width:100%;height:auto}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--blue)}
/* Sign in */
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr;background:#fff}.login-story{display:flex;flex-direction:column;padding:44px clamp(34px,5.5vw,92px);background:radial-gradient(ellipse at 20% 85%,#dceeff99,transparent 65%),linear-gradient(130deg,#f4f9ff,#edf5ff);border-right:1px solid #e3edf9}.brand-lockup{display:flex;align-items:center;gap:22px;min-height:44px}.premys-logo{width:143px}.brand-divider{width:1px;height:31px;background:#cddbeb;flex:none}.bdc-logo{width:142px}.story-content{max-width:610px;margin:auto 0;padding:65px 0}.story-content>.eyebrow{display:flex;align-items:center;gap:9px}.tiny-square{width:7px;height:7px;border-radius:2px;background:var(--blue)}.story-content h1{font-size:clamp(38px,3.8vw,62px);line-height:1.14;font-weight:620;letter-spacing:-2.3px;margin:23px 0}.story-content h1 span{color:var(--blue)}.story-content>p{font-size:15px;line-height:1.9;color:#697b91}.network-illustration{margin-top:39px;background:#ffffffc9;border:1px solid #dbe8f7;border-radius:14px;padding:20px 22px;box-shadow:0 12px 36px -22px #4876aa55;max-width:470px}.illustration-heading{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#3d5067}.illustration-icon{color:var(--blue);font-size:19px}.illustration-label{font-size:7px;font-weight:600;letter-spacing:1px;margin-left:auto;background:#eff6ff;color:#7a91af;padding:4px 6px;border-radius:4px}.illustration-nodes{display:flex;align-items:center;margin:24px 0 18px}.illustration-nodes span{width:65px;height:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c8e3ff;background:#f7fbff;color:#3678b7;font-size:10px;font-weight:650;border-radius:8px}.illustration-nodes i{width:100%;border-top:1px dashed #9bc8f2}.illustration-flow{display:flex;justify-content:space-between;font-size:8px;color:#8190a3}.story-footer{display:flex;gap:8px;align-items:center;font-size:10px;color:#8494a8;padding-bottom:4px}.footer-dot{height:5px;width:5px;border-radius:50%;background:#6faff2}.login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 44px;position:relative}.login-card{width:100%;max-width:364px}.login-symbol{width:47px;height:47px;background:#edf6ff;display:grid;place-items:center;border-radius:12px;color:var(--blue);margin-bottom:30px}.login-symbol svg{width:23px;height:23px}.login-card h2{font-size:31px;letter-spacing:-.9px;font-weight:600;margin:10px 0}.login-description{font-size:13px;line-height:1.7;color:var(--muted)}#login-form{display:flex;flex-direction:column;margin-top:31px}#login-form label{font-size:12px;font-weight:600;margin-bottom:9px}#login-form input{height:47px;border:1px solid #dce2e9;border-radius:8px;padding:0 14px;background:#fff;color:#17171a;width:100%;font-size:13px;transition:border-color .15s,box-shadow .15s}#login-form input::placeholder{color:#a0a7b1}#login-form input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0786ff12}#username{margin-bottom:21px}.password-field{position:relative}.password-field input{padding-right:48px!important}.password-field button{position:absolute;right:6px;top:6px;height:35px;width:35px;border:0;border-radius:6px;background:transparent;color:#8d96a2;display:grid;place-items:center}.password-field button:hover{background:#f0f5fa;color:var(--blue)}.password-field button svg{width:17px;height:17px}.primary-button{margin-top:26px;height:47px;padding:0 16px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 4px 9px #0786ff18}.primary-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.primary-button span{font-size:18px}.login-note{border-top:1px solid #edf0f4;margin-top:29px;padding-top:23px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#9aa2ae}.login-note svg{width:13px;height:13px}.login-error{margin:14px 0 0;padding:10px 12px;border:1px solid #f2cbd0;border-radius:7px;background:#fff4f5;color:#b03849;font-size:12px;line-height:1.5}.login-copyright{position:absolute;bottom:44px;font-size:10px;color:#a0a7b1}
/* Workspace */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:30px 18px 24px;z-index:20;overflow-y:auto}.sidebar-brand{display:block;padding:0 14px}.sidebar-brand img{width:148px;display:block}.product-name{margin:8px 0 29px 14px;color:#9aa2ad;font-size:10px;letter-spacing:.8px}.workspace-selector{display:flex;gap:11px;align-items:center;background:#f7f9fc;border:1px solid #e9edf3;border-radius:9px;padding:13px 11px;margin-bottom:31px}.workspace-icon{height:33px;width:33px;border:1px solid #d8e9fb;border-radius:8px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:14px;font-weight:650;flex-shrink:0}.workspace-selector strong{display:block;font-size:12px;font-weight:600}.workspace-selector small{display:block;font-size:10px;color:#9aa2ad;margin-top:3px}.nav-label{font-size:8px;letter-spacing:1.2px;font-weight:600;color:#9ca4b0;padding:0 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:13px}.nav-link{height:43px;display:flex;align-items:center;gap:11px;padding:0 13px;font-size:12px;color:#777f8c;border-radius:8px;white-space:nowrap}.nav-link svg{width:17px;height:17px;color:#98a1ad}.nav-link:hover{background:#f5f8fc}.nav-link.active{background:linear-gradient(90deg,#dceeff,#eef7ff);box-shadow:inset 3px 0 var(--blue);color:#21679f;font-weight:600}.nav-link.active svg{color:var(--blue)}.nav-count{margin-left:auto;max-width:50px;overflow:hidden;font-size:9px;border-radius:5px;background:#ffffff99;padding:2px 6px;color:#7d92a9;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:55px}.sidebar-bottom .nav-label{font-size:7px}.partner-logo{width:169px;display:block;margin:17px 0 0 12px}.sidebar-footnote{margin:12px 0 0 13px;color:#a0a8b3;font-size:9px}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.breadcrumb{font-size:11px;color:#98a0ad}.breadcrumb span{color:#c5ccd6;margin:0 12px}.breadcrumb strong{font-weight:500;color:#515e6f}.header-right{display:flex;align-items:center;gap:10px}.connection{font-size:10px;color:#8591a1;white-space:nowrap}.connection.online{color:var(--green)}.connection.offline{color:var(--amber)}.topbar-divider{height:23px;border-left:1px solid var(--line);margin:0 9px}.avatar{display:grid;place-items:center;height:30px;width:30px;border:1px solid #d8eaff;border-radius:50%;background:#edf6ff;color:#3388d8;font-size:11px;font-weight:650}.account-name{font-size:11px;color:#657080}.quiet-button{border:0;background:transparent;border-radius:5px;color:#919aa7;font-size:10px;margin-left:7px;padding:5px}.quiet-button:hover{color:var(--blue);background:var(--blue-pale)}main{max-width:1700px;padding:32px 34px 20px;margin:auto;scroll-margin-top:20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.intro .eyebrow{font-size:9px;letter-spacing:1.4px}.intro h1{font-size:30px;letter-spacing:-.9px;font-weight:600;margin:8px 0}.intro p:not(.eyebrow){font-size:12px;color:#8a94a3}.intro-actions{display:flex;align-items:center;gap:17px}.live-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8996a6;white-space:nowrap}.live-label>span{height:6px;width:6px;border-radius:50%;background:#a9c8e6}.secondary-button{display:flex;align-items:center;gap:8px;height:34px;border:1px solid #dce3ec;border-radius:7px;padding:0 12px;background:#fff;color:#667487;font-size:11px;white-space:nowrap}.secondary-button svg{width:15px;height:15px}.secondary-button:hover{background:var(--blue-pale);border-color:#bbdafa;color:#2582d7}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 19px 20px;min-width:0}.stat-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;font-weight:600;letter-spacing:.7px;color:#7f8b9c}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f1f7ff;color:#599be0;flex:none}.stat-icon svg{height:15px;width:15px}.stats strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.7px;margin:12px 0 8px;line-height:1.2;overflow-wrap:anywhere}.stats strong.stat-pending{font-size:20px;color:#929da9;letter-spacing:-.4px;margin-top:17px;margin-bottom:12px}.stats small{display:block;font-size:10px;color:#929caa;line-height:1.6}.stats strong.is-healthy{color:var(--green)}.stats strong.is-stale{color:var(--amber)}.columns{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(280px,1fr);gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;scroll-margin-top:24px}.panel-head{min-height:84px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f5}.panel-head h2{font-size:14px;font-weight:600;letter-spacing:-.1px}.panel-head p{color:#97a0ae;font-size:11px;line-height:1.6;margin-top:5px}.pill{font-size:9px;line-height:1.5;border:1px solid #dfebf9;border-radius:5px;padding:4px 8px;background:#f4f9ff;color:#6292c2;white-space:nowrap}.pill.fresh{color:var(--green);background:#eff9f4;border-color:#d9ede3}.pill.stale{color:var(--amber);background:#fffaef;border-color:#f0e5c9}.topology-legend{display:flex;justify-content:flex-end;gap:15px;padding:17px 23px 0;flex-wrap:wrap}.topology-legend>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#98a3b2}.legend-dot{height:5px;width:5px;border-radius:50%;display:inline-block}.healthy-dot{background:#51af88}.unknown-dot{background:#bec7d2}.legend-line{width:15px;border-top:1px dashed #bcc8d6}.topology{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:23px 23px 27px}.node-column{min-width:0;position:relative}.node-column:not(:last-child)::after{content:"";position:absolute;top:51px;right:-17px;width:17px;border-top:1px dashed #b9cce0;z-index:1}.node{position:relative;text-align:center;padding:14px 5px 11px;border:1px solid #e3e9f2;border-radius:9px;background:#fbfdff;min-width:0}.node.is-healthy{border-color:#c9e3d7;background:#fbfefc}.router-symbol{height:29px;width:38px;color:#5a9edc;margin-bottom:6px}.node strong{display:block;font-size:12px;font-weight:650}.node .management-ip{font-size:9px;color:#929eae;display:block;margin-top:3px;white-space:nowrap}.node .state{font-size:8px;color:#99a4b2;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;white-space:nowrap}.node .state::before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.node .state.healthy{color:var(--green)}.node .state.failed{color:#bf5b4f}.branch-line{height:15px;display:block;width:1px;background:#e1e8f1;margin:0 auto}.downstream{display:flex;align-items:center;justify-content:center;gap:5px;color:#9aa6b5;font-size:9px}.downstream svg{height:13px;width:13px;stroke-width:1.5}.downstream span{white-space:nowrap}.downstream.endpoint{margin-top:8px;color:#8b99ab}.downstream small{font-size:8px;color:#acb5c0;display:block;margin-top:1px}.panel-note{background:#fbfcfe;border-top:1px solid #edf0f5;display:flex;align-items:flex-start;gap:9px;padding:13px 23px;color:#8b98a9;font-size:10px;line-height:1.65}.panel-note p strong{font-weight:500;color:#71859d}.info-icon{height:12px;width:12px;border:1px solid #a7bad0;border-radius:50%;color:#8ca4bf;display:grid;place-items:center;font-size:8px;flex:none;margin-top:1px}dl{display:grid;grid-template-columns:1fr 1fr;margin:8px 23px 9px;gap:0}dt,dd{font-size:11px;border-bottom:1px solid #f0f3f7;padding:10px 0;margin:0}dt{color:#8a95a4}dd{text-align:right;color:#54677e;font-variant-numeric:tabular-nums}dt:last-of-type,dd:last-of-type{border:0}.health-footnote{display:flex;align-items:flex-start;gap:10px;padding:13px 23px 19px}.health-footnote svg{color:#7fa8d4;width:17px;height:17px;margin-top:2px}.health-footnote strong{font-size:10px;color:#7f94ac;font-weight:600}.health-footnote p{font-size:10px;line-height:1.65;color:#a0abb9;margin-top:3px}.count-badge{font-size:9px;background:#f1f5fa;border:1px solid #e7edf5;border-radius:5px;padding:2px 5px;color:#8b9bb0;font-weight:500;margin-left:7px;vertical-align:middle}.filter{display:flex;align-items:center;gap:10px;font-size:11px;color:#9aa3b0}.filter select{font-size:11px;color:#5e7085;background:#fff;border:1px solid #dfe6ef;border-radius:7px;padding:8px 28px 8px 11px;max-width:170px}.event-table-head,.event-summary{display:grid;grid-template-columns:146px 74px minmax(0,1fr) 100px;gap:15px;align-items:center}.event-table-head{height:35px;background:#fafbfd;border-bottom:1px solid #edf0f5;padding:0 23px;color:#a1aaba;font-size:8px;font-weight:600;letter-spacing:.6px}.events{max-height:420px;overflow:auto}.event{border-bottom:1px solid #edf1f6}.event:last-child{border-bottom:0}.event-summary{position:relative;min-height:58px;padding:13px 23px;cursor:pointer;list-style:none;color:#60748b}.event-summary::-webkit-details-marker{display:none}.event-summary:hover{background:#fafcff}.event[open]>.event-summary{background:#f7fbff}.event .time{font-size:10px;color:#8c9bad;font-variant-numeric:tabular-nums;line-height:1.6}.event .device{font-size:11px;color:#518bc6;font-weight:550}.event .summary-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#667b93}.event .kind{font-size:9px;color:#9ca7b4;border:1px solid #e8edf4;background:#fbfcfe;border-radius:5px;padding:3px 7px;justify-self:start;white-space:nowrap}.event .kind.probe{background:#f1f7ff;color:#6c99c9;border-color:#e2edfc}.event-body{padding:0 23px 18px;background:#f7fbff}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;background:#fff;border:1px solid #e1eaf4;border-radius:6px;padding:13px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#68809a;max-height:260px;overflow:auto}.event-meta{font-size:9px;color:#94a3b5;overflow-wrap:anywhere;margin-top:9px;line-height:1.8}.events-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 23px;border-top:1px solid #edf0f5;background:#fdfdfe;font-size:9px;color:#a4aebb}.empty-state{padding:40px 24px;text-align:center;color:#94a2b4;font-size:12px}.empty-state p{margin-top:7px;color:#acb6c2;font-size:10px}.main-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a4aebc;font-size:9px;padding:22px 0 0}.footer-cross{color:#b7c5d7;margin:0 4px}.footer-separator{margin:0 7px;color:#c0c9d4}#error{width:100%;background:#fff8ea;border:1px solid #f2e5c8;border-radius:7px;padding:10px 13px;color:var(--amber);font-size:11px}.is-refreshing svg{animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
@media(max-width:1260px){.columns{grid-template-columns:minmax(0,1fr)}.topology{padding:24px 40px 28px;gap:30px}.node-column:not(:last-child)::after{right:-31px;width:31px}.node{padding:18px 9px 14px}.node .management-ip{font-size:10px}.node .state{font-size:9px}.downstream{font-size:10px}.health-footnote{border-top:1px solid #f1f4f8;padding-top:15px}.stats{gap:12px}.stats article{padding:15px}.stat-heading{font-size:8px}.stat-icon{width:25px;height:25px}.event-table-head,.event-summary{grid-template-columns:130px 65px minmax(0,1fr) 80px;gap:12px}}
@media(max-width:1020px){:root{--sidebar:204px}.sidebar{padding:25px 12px}.sidebar-brand img{width:138px}.nav-link{font-size:11px;gap:8px;padding:0 11px}.partner-logo{width:150px}.topbar{padding:0 24px}main{padding:28px 24px 20px}.connection{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-actions{gap:12px}.live-label{display:none}.topology{gap:18px;padding:24px}.node-column:not(:last-child)::after{width:19px;right:-19px}.node .management-ip{font-size:9px}.login-story{padding:34px}.brand-lockup{gap:15px}.premys-logo{width:119px}.bdc-logo{width:115px}.network-illustration{padding:17px}.illustration-nodes span{width:54px}.story-content h1{font-size:41px}.story-content>p{font-size:13px}.login-form-side{padding:45px 32px}.login-copyright{font-size:9px}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-story{padding:24px 26px;background:#f5f9ff}.brand-lockup{justify-content:center}.story-content,.story-footer{display:none}.login-form-side{padding:43px 26px 30px;justify-content:flex-start}.login-card{max-width:370px}.login-symbol{margin-bottom:22px}.login-copyright{position:static;margin-top:46px}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line);overflow:visible;gap:15px}.sidebar-brand{padding:0}.sidebar-brand img{width:120px}.product-name,.workspace-selector,.sidebar>.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin:0 0 0 auto;gap:5px}.nav-link{width:35px;height:35px;padding:9px;font-size:0;gap:0}.nav-link svg{width:17px;height:17px}.nav-count{display:none}.nav-link.active{box-shadow:none;background:#eaf4ff}.main-shell{margin:0}.topbar{height:57px;padding:0 20px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 6px}.topbar-divider,.account-name{display:none}main{padding:25px 18px 20px}.intro{gap:12px;margin-bottom:21px}.intro h1{font-size:27px}.intro>div>p:not(.eyebrow){font-size:10px}.intro .eyebrow{font-size:8px}.secondary-button{font-size:10px;padding:0 9px}.stats{gap:11px;margin-bottom:19px}.stats article{padding:14px}.stats strong{font-size:24px}.stats small{font-size:9px}.stats strong.stat-pending{font-size:18px}.stat-heading{font-size:8px;letter-spacing:.3px}.stat-icon{width:23px;height:23px}.columns{gap:19px;margin-bottom:19px}.panel-head{padding:17px 18px;min-height:77px}.panel-head h2{font-size:13px}.panel-head p{font-size:10px}.pill{font-size:8px;padding:4px 6px}.topology-legend{padding:15px 18px 0;justify-content:flex-start;gap:11px}.topology{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding:21px 24px}.node-column:not(:last-child)::after{display:none}.node .management-ip{font-size:10px}.node .state{font-size:9px}.downstream{font-size:10px}.panel-note{padding:12px 18px;font-size:10px}.event-table-head{display:none}.event-summary{grid-template-columns:1fr auto;gap:6px 12px;padding:14px 18px}.event .time{font-size:9px;order:3}.event .device{font-size:11px;order:1}.event .summary-text{grid-column:1/-1;order:4}.event .kind{order:2;justify-self:end;grid-row:1;grid-column:2}.event-body{padding:0 18px 15px}.events-footer{padding:12px 18px}.events-footer span:last-child{display:none}.filter{font-size:0;gap:0}.filter select{font-size:10px;padding:7px 20px 7px 9px;max-width:125px}.main-footer{font-size:9px;gap:10px;padding-top:20px}.health-footnote{padding:15px 18px}.topbar .connection{display:none}dl{margin:5px 18px 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep secondary labels readable on the light surfaces. */
.nav-link{font-size:13px}.nav-label{font-size:9px;color:#7c899a}.product-name{color:#77869a}.sidebar-footnote{color:#7b899a;font-size:10px}.breadcrumb{color:#748297}.connection{font-size:11px}.account-name{font-size:12px}.quiet-button{font-size:11px;color:#6e7e92}.intro p:not(.eyebrow){color:#6f8095;font-size:13px}.live-label{color:#77899d;font-size:11px}.stat-heading{font-size:10px;color:#748297}.stats small{font-size:11px;color:#718197}.panel-head h2{font-size:15px}.panel-head p{font-size:12px;color:#74849a}.topology-legend>span{font-size:10px;color:#75879d}.node .management-ip{font-size:10px;color:#74869c}.node .state{font-size:9px;color:#7f90a5}.downstream{font-size:10px;color:#778ba3}.downstream small{font-size:9px;color:#8396ad}.panel-note{font-size:11px;color:#74879e}dt{color:#74849a}dd{color:#4b617a}.health-footnote strong{font-size:11px;color:#637d9c}.health-footnote p{font-size:11px;color:#7e90a7}.filter{color:#74869b}.event-table-head{font-size:9px;color:#74869d}.event .time{font-size:11px;color:#6d8097}.event .summary-text{font-size:12px;color:#526b87}.event .kind{color:#778da7}.event-meta{font-size:10px;color:#71869f}.events-footer{font-size:10px;color:#7e90a7}.main-footer{font-size:10px;color:#8394aa}.login-note,.login-copyright{color:#7d8da2}.story-footer{color:#71869f}
@media(max-width:1020px){.nav-link{font-size:12px}.stat-heading{font-size:9px}}
@media(max-width:760px){.nav-link{font-size:0}.intro p:not(.eyebrow){font-size:11px}.stat-heading{font-size:8px}.stats small{font-size:10px}.panel-head h2{font-size:14px}.panel-head p{font-size:11px}.topology-legend>span{font-size:9px}.panel-note{font-size:10px}.event .summary-text{font-size:11px}.event .time{font-size:10px}.filter{font-size:0}}
/* Shared co-branding: black PremysAI | Bay Datacom. */
.premys-logo{filter:brightness(0)}
.brand-pipe{display:block;flex:none;font-size:27px;line-height:1;font-weight:300;color:#a0aab7}
.sidebar-brand.brand-lockup{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0;min-height:36px}
.sidebar-brand .premys-logo{width:96px;flex:none}
.sidebar-brand .bdc-logo{width:91px;flex:none}
.sidebar-brand .brand-pipe{width:6px;font-size:24px;text-align:center}
@media(min-width:761px) and (max-width:1020px){.sidebar-brand.brand-lockup{gap:5px}.sidebar-brand .premys-logo{width:82px}.sidebar-brand .bdc-logo{width:78px}.sidebar-brand .brand-pipe{width:5px;font-size:22px}}
@media(max-width:760px){.sidebar{flex-wrap:wrap}.sidebar-brand.brand-lockup{flex:none}.sidebar nav{flex-wrap:wrap}}

/* Evidence-led investigations */
.ai-panel{margin-top:24px;padding-bottom:20px}.ai-panel h3{font-size:15px}.ai-panel .panel-head .pill{font-size:10px;margin-left:8px}.exercise-toolbar{display:flex;align-items:center;gap:12px;padding:18px 24px;background:#f3f8ff;border-block:1px solid #e2edfa;flex-wrap:wrap}.exercise-toolbar>div{flex:1;min-width:240px}.exercise-toolbar p{font-size:12px;color:#526477;line-height:1.6;margin:6px 0}.ai-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 24px}.ai-columns form{display:grid;gap:10px}.ai-columns select,.ai-columns textarea{width:100%;font:inherit;border:1px solid #ccd9e7;border-radius:7px;padding:10px;background:white;color:#23354c;box-sizing:border-box}.ai-columns label{font-size:12px;color:#526477}.ai-columns .primary-button{width:auto;justify-self:start;padding:10px 20px;margin:0}.incident-card{padding:14px;border:1px solid #dce6f0;border-radius:9px;margin:10px 0;line-height:1.6}.incident-card .pill{margin-left:8px}.incident-card p{font-size:12px;color:#596b7e}.incident-card small{display:block;color:#596b7e}.incident-card button{margin-top:8px}.investigation-card{border:1px solid #dce6f0;border-radius:10px;margin:16px 24px;padding:20px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.investigation-card h3{margin:0 0 6px}.investigation-card h4{margin:18px 0 4px;color:#215785}.investigation-card p{margin:6px 0}.investigation-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fb;padding:12px;border-radius:6px;font-size:11px;max-height:240px;overflow:auto}.investigation-card details{margin-top:16px}.investigation-card summary{cursor:pointer;color:#0768bc}.assessment-summary{font-size:15px;font-weight:500}.ai-disclaimer,#ai-notice{margin:14px 24px;color:#526477;font-size:12px;line-height:1.6}@media(max-width:1000px){.ai-columns{grid-template-columns:1fr}.exercise-toolbar{align-items:flex-start}}

.investigation-card>summary{color:#23354c;cursor:pointer}.investigation-card>summary small{display:block;color:#526477;font-size:11px;margin:6px 0}.investigation-card[open]>summary{border-bottom:1px solid #e2eaf4;padding-bottom:10px;margin-bottom:14px}.investigation-card details summary{color:#0768bc}

/* Monitoring coverage and incident workspace */
.alert-button{display:flex;align-items:center;gap:9px;border:1px solid #dce6f1;border-radius:8px;padding:8px 12px;background:#fff;color:#4c6480;font:600 11px inherit;cursor:pointer}.alert-button span{background:#edf3fa;border-radius:5px;padding:2px 6px;font-size:10px}.alert-button.has-alerts{border-color:#efb8b4;color:#ae342d;background:#fff6f5}.alert-button.has-alerts span{background:#bd4038;color:#fff}.live-issue-banner{display:flex;align-items:center;gap:15px;padding:17px 20px;margin-bottom:24px;border:1px solid #d8e6f3;border-radius:11px;background:#f2f8ff;color:#244e76}.banner-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e3effc;font-size:23px;flex:none}.live-issue-banner strong{font-size:13px}.live-issue-banner p{font-size:11px;line-height:1.6;margin-top:4px;color:#647b94}.live-issue-banner>div{flex:1}.live-issue-banner.has-issues{border-color:#efbbb6;background:#fff5f3;color:#a3342c}.has-issues .banner-symbol{background:#fce1dc}.live-issue-banner.visibility-limited{background:#fff9ed;border-color:#eed9b0;color:#8b6228}.coverage-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 22px 0;padding-bottom:18px;border-bottom:1px solid #edf1f6}.coverage-strip>div{position:relative;padding-left:15px;min-width:0}.coverage-strip strong{display:block;font-size:11px;line-height:1.6;color:#354e69}.coverage-strip small{display:block;font-size:10px;line-height:1.5;color:#7b8b9d;margin-top:3px}.coverage-dot{position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%}.probe-dot{background:#2a9a6b}.transit-dot{background:#699aca}.inventory-dot{background:#afbbc9}.topology-key{display:flex;flex-wrap:wrap;gap:12px;padding:16px 22px 0;color:#708197;font-size:9px}.topology-key>span{display:flex;align-items:center;gap:5px}.fault-dot{background:#cb544b}.topology-scroll{overflow-x:auto}.topology{grid-template-columns:minmax(130px,1fr) 86px minmax(130px,1fr) 86px minmax(130px,1fr) 86px minmax(130px,1fr);gap:0;min-width:820px;padding:24px 22px 12px;align-items:start}.node-column:not(:last-child)::after{display:none}.node{min-height:155px;padding:14px 7px 12px;border-color:#dce5ef;background:#fbfdff;border-top:3px solid #c1cddb}.node.is-healthy{border-color:#d8e4ed;border-top:3px solid #3ba17c;background:#fff}.node .management-ip{font-size:10px}.router-select{display:block;width:100%;border:0;background:none;color:#233d59;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:5px}.router-select:hover{color:#0786ff;text-decoration:underline}.node .state{font-size:9px;white-space:normal;line-height:1.4;min-height:25px}.node .probe-caption{display:block;font-size:9px;line-height:1.5;color:#8091a3;margin-top:5px}.node-fault{display:block;margin-top:8px;padding:4px;border-radius:4px;font-size:9px;background:#fff0ed;color:#a93b33}.transit-link{padding:23px 2px 0;text-align:center;font-size:9px;color:#8996a5;line-height:1.5}.transit-subnet{font-size:9px;white-space:nowrap;color:#6a819a}.transit-wire{display:block;border-top:2px dashed #b7c9da;margin:14px -1px 12px;position:relative}.transit-wire::after{content:'↔';position:absolute;left:calc(50% - 9px);top:-11px;background:#fff;font-size:15px;width:18px;color:#9baec3}.transit-state{display:block;font-size:9px;color:#708399;margin-bottom:4px}.transit-link>small:last-child{display:block;font-size:8px;padding:0 2px}.transit-link.has-fault .transit-wire{border-color:#d26053;border-style:solid}.transit-link.has-fault .transit-wire::after,.transit-link.has-fault .transit-state{color:#b43c32}.transit-link.has-recovery .transit-wire{border-color:#548dc1}.transit-link.has-recovery .transit-state{color:#3279b8}.downstream{flex-direction:column;gap:4px;border:1px dashed #d5dee9;background:#fafbfd;border-radius:7px;padding:10px 6px;margin-top:0}.downstream svg{height:18px;width:23px;color:#8b9caf}.downstream strong{font-size:10px;color:#62788f}.downstream .inventory-caption{font-size:8px;color:#8798ab}.downstream.endpoint{margin-top:10px}.downstream.endpoint small{font-size:9px}.topology-selection{margin:0;padding:12px 22px 18px;font-size:10px;line-height:1.6;color:#6d849c}.topology .branch-line{height:18px;border-left:1px dashed #bdcddd;background:none;width:0}.ai-panel{border-color:#d3e3f4;border-radius:13px;padding-bottom:0;box-shadow:0 5px 24px #28598406}.ai-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;background:linear-gradient(110deg,#eef6ff,#f8fbff 70%,#eef7ff);border-bottom:1px solid #dce9f7}.ai-hero-copy{display:flex;gap:15px;align-items:center}.ai-emblem{display:grid;place-items:center;flex:none;background:#fff;border:1px solid #cfe2f7;box-shadow:0 4px 12px #338bd515;border-radius:13px;width:47px;height:47px;color:#1682dd;font-size:30px}.ai-hero .eyebrow{font-size:8px;letter-spacing:1.4px;color:#5e86ac;margin-bottom:7px}.ai-hero h2{font-size:23px;letter-spacing:-.6px;color:#213e5d;font-weight:650}.ai-hero p:last-child{font-size:12px;color:#72869e;line-height:1.5;margin-top:7px}.ai-hero .filter{flex-direction:column;align-items:flex-start;gap:6px;font-size:10px}.ai-hero select{font-size:12px;min-width:145px}.ai-metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr 1.6fr;padding:20px 26px;border-bottom:1px solid #e7eef7;gap:18px}.ai-metrics>div:not(:last-child){border-right:1px solid #e8eff6}.ai-metrics>div>span{font-size:22px;letter-spacing:-.5px;font-weight:650;color:#2e506f;display:block}.ai-metrics small{display:block;font-size:10px;color:#7d8fa3;margin-top:5px;line-height:1.5}.ai-metrics .model-status{display:flex;align-items:center;gap:9px}.model-dot{width:7px;height:7px;border-radius:50%;background:#74a5d2;flex:none}.model-status strong{font-size:11px;color:#4c6b89}.ai-panel #ai-notice{font-size:9px;letter-spacing:.4px;color:#6f85a0;padding:0;margin:17px 26px}.ai-columns{gap:24px;padding:0 26px 25px;grid-template-columns:1.1fr 1fr}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.section-heading h3{font-size:14px;font-weight:650;color:#304d69}.section-caption{font-size:9px;color:#8494a7}.incident-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px;min-height:190px;border:1px dashed #cfdfec;background:#fafcff;border-radius:10px;text-align:center}.empty-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf4f9;color:#4685a0;font-size:18px;margin-bottom:12px}.incident-empty strong{font-size:13px;color:#48657f}.incident-empty p{font-size:11px;color:#8192a4;line-height:1.7;max-width:300px;margin-top:8px}.incident-card{padding:15px;border:1px solid #e0e8f1;background:#fff;margin:10px 0;border-radius:9px}.incident-card.is-open{border-left:3px solid #cf6355;background:#fffafa}.incident-card.is-historical{border-left:3px solid #d0aa69;background:#fffdf8}.incident-card.is-resolved{background:#fcfdff}.incident-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.incident-heading strong{font-size:12px;line-height:1.5;color:#405a74}.incident-status{flex:none;font-size:8px;line-height:1.8;padding:1px 6px;border-radius:4px;background:#edf3f8;color:#6b8195;white-space:nowrap}.is-open .incident-status{background:#fbe8e4;color:#ac4c3e}.is-historical .incident-status{background:#f8efd9;color:#907343}.incident-card p{font-size:11px;line-height:1.7;margin:7px 0}.incident-card small{font-size:9px}.incident-actions{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:7px}.incident-actions button{margin:0}.incident-investigate{border:0;background:transparent;color:#1c7bc2;padding:4px 0;font-size:10px;font-weight:600;cursor:pointer}.incident-history{margin-top:12px;border:1px solid #e4ebf4;border-radius:8px;padding:12px}.incident-history>summary{font-size:11px;color:#6a819b;cursor:pointer}.incident-history>div{max-height:300px;overflow:auto}.question-workspace{padding:19px 20px;background:#f5f9ff;border:1px solid #e0ebf7;border-radius:11px}.assistant-label{font-size:8px;letter-spacing:1px;color:#5f91bf}.question-workspace h3{font-size:15px;margin:11px 0 6px;color:#355673}.question-workspace>p{font-size:11px;line-height:1.7;color:#7b8fa6;margin-bottom:17px}.ai-columns label{font-size:10px;color:#6a829a}.ai-columns textarea{min-height:91px;resize:vertical;font-size:12px;line-height:1.7}.ai-columns select{font-size:11px;padding:10px}.question-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:3px}.question-suggestions button{font-size:9px;background:#fff;border:1px solid #d8e6f5;border-radius:5px;padding:5px 8px;color:#6287ac;cursor:pointer}.ai-columns .primary-button{font-size:11px;display:flex;justify-content:space-between;gap:22px;width:100%;border-radius:7px;padding:11px 13px}.review-note{font-size:9px;line-height:1.6;color:#8395a8}.analysis-heading{border-top:1px solid #e7eef7;margin:0;padding:21px 26px 6px}.investigation-card{margin:10px 26px;padding:0;border-radius:9px;overflow:hidden}.investigation-card>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;list-style:none;position:relative}.investigation-card>summary::after{content:'+';font-size:18px;color:#8299af}.investigation-card[open]>summary::after{content:'−'}.investigation-card[open]>summary{background:#f9fcff;margin:0;padding:16px 18px}.job-heading{flex:1;min-width:0}.job-heading strong{font-size:12px;color:#415c78}.investigation-card>summary small{font-size:9px;margin:5px 0 0;color:#8192a5}.job-status{font-size:9px;text-transform:capitalize;border:1px solid #dfebf3;border-radius:5px;padding:2px 7px;background:#f4f8fb;color:#71899f;white-space:nowrap}.job-status.completed{color:#3b8a70;background:#f0f8f4}.job-status.running,.job-status.queued{color:#2c81c1;background:#edf6ff}.job-status.failed{color:#b15c4a;background:#fff4ef}.investigation-card .assessment-summary{font-size:14px;line-height:1.8;color:#3f5b77;margin:0;padding:20px}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px}.assessment-block{border:1px solid #e3ebf4;border-radius:8px;padding:14px 16px;background:#fcfdff}.assessment-block h4{font-size:11px;margin:0 0 9px;color:#4e7194}.assessment-block p,.assessment-block li{font-size:11px;color:#637b91;line-height:1.8}.assessment-block ul{padding-left:16px}.assessment-block.proposed_fix{background:#f2f8ff;border-color:#d5e7f8}.assessment-block.verification{background:#f4faf7;border-color:#d9eae1}.investigation-card>details{margin:0 20px 20px;padding-top:12px;border-top:1px solid #e7eef5}.investigation-card>details summary{font-size:10px}.investigation-card>details p{font-size:10px;color:#72879e}.investigation-card .analysis-pending{margin:16px 20px;padding:13px;background:#f1f7ff;color:#6285a6;font-size:11px;border-radius:7px}.analysis-empty{font-size:12px;color:#8193a7;padding:20px 26px}.demo-tools{margin:24px 26px 0;border:1px solid #e2eaf4;border-radius:8px;overflow:hidden}.demo-tools>summary{font-size:11px;color:#6d86a2;padding:13px 16px;cursor:pointer;background:#fafcff}.demo-tools .exercise-toolbar{padding:17px;border:0;margin:0;background:#f8fbff}.exercise-toolbar strong{font-size:12px}.exercise-toolbar p{font-size:11px}.ai-disclaimer{font-size:10px;color:#8b99a9;margin:17px 26px 20px}.ai-panel.is-replay .ai-hero{background:#f5f1ff}.ai-panel.is-replay #ai-notice{color:#8a6bb3}.issue-dialog{width:min(520px,calc(100vw - 36px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e5eaf1;border-radius:17px;padding:25px 29px 22px;box-shadow:0 28px 95px #17345140;color:#314962;background:#fff}.issue-dialog::backdrop{background:#142a465c;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.signal-tag{font-size:9px;letter-spacing:1px;font-weight:650;color:#b15c4d}.dialog-close{width:28px;height:28px;border:0;background:#f4f6fa;border-radius:7px;color:#8392a4;font-size:21px;cursor:pointer}.alert-emblem{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#c45645;background:#fff0e9;border:1px solid #f8d8ce;font-size:27px;margin:19px 0 15px;font-weight:600}.issue-dialog h2{font-size:23px;letter-spacing:-.6px;color:#294661;line-height:1.3}.issue-dialog>p{font-size:12px;line-height:1.8;color:#7c8fa3;margin:12px 0}.dialog-incidents{display:grid;gap:8px;max-height:230px;overflow:auto;margin-top:18px}.dialog-incident{border:1px solid #e1e8f1;border-left:3px solid #ce6a59;border-radius:8px;padding:13px;background:#fffcfb}.dialog-incident strong{display:block;font-size:12px;color:#47627e}.dialog-incident small{display:block;font-size:10px;line-height:1.6;color:#8a9aab;margin-top:5px}.issue-dialog .dialog-analysis{background:#f1f7ff;border-radius:8px;padding:12px;font-size:11px;color:#6686a6;margin-top:17px}.dialog-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.dialog-actions .primary-button{margin:0;width:auto;font-size:11px;padding:10px 16px;min-height:36px;border-radius:7px}.dialog-actions .secondary-button{font-size:11px}.issue-dialog .dialog-footnote{font-size:9px;line-height:1.8;color:#92a0b1;margin:14px 0 0}.issue-dialog.is-preview .signal-tag{color:#668cbd}.issue-dialog.is-preview .alert-emblem{color:#5086b5;background:#eef7ff;border-color:#d6e8fa}button:focus-visible,summary:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2695f4;outline-offset:3px}
@media(max-width:1260px){.topology{padding:24px 22px 12px}.ai-metrics{grid-template-columns:1fr 1fr 1.2fr 1.5fr}}
@media(max-width:1000px){.ai-columns{grid-template-columns:1fr}.ai-metrics{grid-template-columns:repeat(3,1fr)}.ai-metrics .model-status{grid-column:1/-1;border-top:1px solid #e8eff6;padding-top:14px}.ai-hero{padding:22px}.ai-hero h2{font-size:21px}.coverage-strip strong{font-size:11px}}
@media(max-width:760px){.live-issue-banner{flex-wrap:wrap;padding:15px}.live-issue-banner>div{min-width:190px}.live-issue-banner>.secondary-button{margin-left:50px}.coverage-strip{margin:16px 18px 0;gap:12px;grid-template-columns:1fr}.coverage-strip small{margin:0}.coverage-strip strong{font-size:12px}.topology-key{padding:14px 18px 0;font-size:9px}.topology{min-width:820px;grid-template-columns:minmax(130px,1fr) 86px minmax(130px,1fr) 86px minmax(130px,1fr) 86px minmax(130px,1fr);gap:0;padding:20px 18px 12px}.ai-hero{align-items:flex-start;flex-direction:column;padding:20px}.ai-hero .filter{width:100%;flex-direction:row;align-items:center;justify-content:space-between;font-size:10px}.ai-emblem{width:40px;height:40px;font-size:25px}.ai-hero h2{font-size:20px}.ai-metrics{padding:17px 20px;gap:12px}.ai-metrics small{font-size:9px}.ai-metrics>div>span{font-size:21px}.ai-columns{padding:0 18px 20px}.ai-panel #ai-notice{margin:15px 18px;font-size:8px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.question-workspace{padding:17px}.analysis-heading{padding:20px 18px 6px}.investigation-card{margin:10px 18px}.assessment-grid{grid-template-columns:1fr;padding:0 14px 14px}.investigation-card .assessment-summary{padding:15px;font-size:12px}.investigation-card>summary{padding:14px 12px}.job-heading strong{font-size:11px}.demo-tools{margin:20px 18px 0}.ai-disclaimer{margin:16px 18px;font-size:9px}.alert-button{padding:6px 8px;font-size:10px}.topbar-divider{display:none}.dialog-actions{flex-direction:column;align-items:stretch}.dialog-actions .primary-button{width:100%}.dialog-actions .secondary-button{justify-content:center}.issue-dialog{padding:20px}.issue-dialog h2{font-size:21px}.assessment-block h4{font-size:11px}}
/* Keep the complete four-router path visible on desktop. */
.columns{grid-template-columns:minmax(0,1fr)}
#collection-panel dl{grid-template-columns:minmax(80px,1fr) minmax(130px,1.2fr) minmax(80px,1fr) minmax(130px,1.2fr);column-gap:20px}
#collection-panel .health-footnote{padding-top:10px}
.issue-dialog{margin:auto}
.alert-button{font-family:inherit;font-size:11px;font-weight:600}
@media(max-width:760px){#collection-panel dl{grid-template-columns:1fr 1fr;column-gap:0}}

/* Device evidence: explicitly separate activity, faults, and coverage gaps. */
.activity-panel { margin: 24px 0; }
.activity-explainer { color: #53657c; font-size: 13px; line-height: 1.65; margin: 0 0 18px; }
.device-log-coverage { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 24px; }
.log-coverage-card { border: 1px solid #dde6ef; border-radius: 10px; background: #f8fafc; padding: 12px; display: grid; gap: 6px; min-width: 0; }
.log-coverage-card strong { color: #203855; font-size: 13px; }
.log-coverage-card span { font-size: 12px; color: #63748b; }
.log-coverage-card small { font-size: 10px; color: #63748b; overflow-wrap: anywhere; }
.log-coverage-card.recent { border-color: #a9d6ef; background: #f1f9ff; }
.log-coverage-card.recent span { color: #076fae; }
.device-activities { max-height: 450px; overflow: auto; }
.device-activity { border-top: 1px solid #e7edf4; }
.activity-summary { display: grid; grid-template-columns: 110px minmax(150px,1fr) 70px 205px; align-items: center; gap: 12px; padding: 14px 4px; cursor: pointer; font-size: 12px; color: #5a6d84; }
.activity-summary strong { color: #223a56; font-size: 12px; }
.activity-category { border-radius: 5px; background: #eef3f9; padding: 5px 7px; width: fit-content; text-transform: capitalize; font-size: 10px; }
.activity-fault .activity-category { background: #fff0f1; color: #b52b42; }
.activity-recovery .activity-category { background: #e9f6f0; color: #17764a; }
.activity-review .activity-category { background: #fff6e7; color: #8c5e15; }
.activity-evidence { padding: 0 16px 16px; font-size: 12px; color: #53657c; }
.activity-evidence pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f6f8fb; padding: 12px; border-radius: 8px; font-size: 11px; }
@media(max-width: 1150px) { .activity-summary { grid-template-columns: 95px 1fr; } .activity-summary time { grid-column: 2; } }
@media(max-width: 700px) { .device-log-coverage { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.activity-panel > :not(.panel-head) { margin-left: 23px; margin-right: 23px; }
.activity-panel > .activity-explainer { margin-top: 18px; }
.activity-panel > .ai-disclaimer { margin-bottom: 18px; }
.live-indicator,.model-status.is-live .model-dot,#ai-state.is-live::before{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#279f78;animation:noc-live-pulse 1.8s ease-in-out infinite}
#ai-state.is-live::before{content:"";margin-right:9px;vertical-align:middle}
.job-status .live-indicator{margin-right:7px;background:#2387d8}
.analysis-live{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;background:#f1f7ff;border:1px solid #d9e8fa;border-radius:9px;margin:14px 0;color:#365e86;font-size:12px}
.analysis-live small{flex-basis:100%;padding-left:17px;color:#7890a8;font-size:10px}
.analysis-overview{padding:16px 0 18px}.analysis-overview>small{font-size:9px;letter-spacing:.8px;color:#7b8fa5}.analysis-overview>p{font-size:13px;line-height:1.8;margin-top:7px;color:#2e4865}
.analysis-essentials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analysis-essentials .likely_cause{grid-column:1/-1;background:#f8fafc}.analysis-essentials .assessment-block{padding:16px;border-radius:9px;border:1px solid #e1e9f2}.analysis-essentials .proposed_fix{background:#f1f7ff;border-color:#d6e7fa}.analysis-essentials .verification{background:#f3faf7;border-color:#dcece4}.analysis-essentials h4{font-size:11px;margin-bottom:10px}.analysis-essentials p,.analysis-essentials li{font-size:12px;line-height:1.8}.analysis-essentials ul{padding-left:17px}.analysis-essentials li+li{margin-top:6px}
.analysis-more,.analysis-evidence{margin-top:15px;padding:13px 0;border-top:1px solid #e8eef5}.analysis-more>summary,.analysis-evidence>summary{font-size:11px;font-weight:500}.analysis-more h4{font-size:11px;margin:17px 0 8px}.analysis-more p,.analysis-more li{font-size:11px;line-height:1.8;color:#677f98}.analysis-more ul{padding-left:18px}
@keyframes noc-live-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #2caa771c}50%{opacity:.45;box-shadow:0 0 0 4px #2caa7700}}
@media(max-width:760px){.analysis-essentials{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.live-indicator,.model-status.is-live .model-dot,#ai-state.is-live::before{animation:none}}
/* Activity indicators follow real stream, heartbeat and log freshness. */
.connection::before,#collector-state::before,#freshness::before,.feed-state::before,.log-coverage-card>strong::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4c0cf;margin-right:8px;vertical-align:middle;flex:none}
.live-label>span:first-child{width:7px;height:7px;flex:none;background:#b4c0cf}
.live-label>span:last-child{width:auto;height:auto;border-radius:0;background:none}
.connection.is-live::before,#collector-state.is-live::before,#freshness.is-live::before,.feed-state.is-live::before,.log-coverage-card.is-live>strong::before,.live-label.is-live>span:first-child{background:#279f78;animation:noc-status-blink 2s ease-in-out infinite}
.live-label.is-live{color:#248364}.connection.offline::before{background:#c18a39}
.feed-state{display:inline-flex;align-items:center;margin-left:12px;padding:4px 8px;border:1px solid #e0e9f1;border-radius:5px;background:#f7fafc;color:#8190a2;font-size:9px;font-weight:500;vertical-align:middle;white-space:nowrap}
.feed-state.is-live{background:#eff9f4;border-color:#d9ede3;color:#248364}
@keyframes noc-status-blink{0%,100%{opacity:1;box-shadow:0 0 0 0 #279f7838}50%{opacity:.35;box-shadow:0 0 0 5px #279f7800}}
@media(prefers-reduced-motion:reduce){.connection.is-live::before,#collector-state.is-live::before,#freshness.is-live::before,.feed-state.is-live::before,.log-coverage-card.is-live>strong::before,.live-label.is-live>span:first-child{animation:none}}