:root{--bg:#040607;--panel:#080c0f;--panel2:#0d1317;--panel3:#11191e;--line:#26333a;--line2:#34454e;--text:#edf3f5;--muted:#83929b;--cyan:#2FCCE7;--cyan2:#2FCCE7;--green:#73dfa0;--gold:#e7c16c;--red:#e47c7c;--violet:#b995ef}
*{box-sizing:border-box} html,body{height:100%} body{margin:0;background:radial-gradient(circle at 88% -10%,#15353e 0,transparent 28%),linear-gradient(180deg,#050708,#030405);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow:hidden}
.app{height:100%;display:grid;grid-template-rows:82px 56px 1fr 30px}.top{display:flex;align-items:center;padding:14px 20px;background:#070a0cec;border-bottom:1px solid var(--line)}
.brand{min-width:0;display:flex;flex-direction:column}.brand .titleline{font-size:22px;font-weight:800;letter-spacing:2.05px;white-space:nowrap;line-height:1.05;display:block}.brand .titleline .accent{color:var(--cyan)}.brand .subtitleline{display:block;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:1.9px;margin-top:7px;white-space:nowrap}.skyview-logo-live{--eye-x:50.0%;--eye-y:52.3%;--eye-w:16px;--eye-h:11px;position:relative;margin-left:auto;width:148px;height:54px;flex:0 0 auto}.skyview-logo-live .logo{width:148px;height:54px;object-fit:contain;display:block}.skyview-logo-live .eye-glow{position:absolute;left:var(--eye-x);top:var(--eye-y);width:var(--eye-w);height:var(--eye-h);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(47,204,231,.48) 0%,rgba(47,204,231,.22) 38%,rgba(47,204,231,0) 76%);filter:blur(.25px);box-shadow:0 0 5px rgba(47,204,231,.42),0 0 10px rgba(47,204,231,.18);animation:skyviewChameleon 8s linear infinite}.skyview-logo-live .eye-blink{position:absolute;left:var(--eye-x);top:var(--eye-y);width:18px;height:12px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;overflow:hidden;animation:skyviewBlink 7s linear infinite}.skyview-logo-live .eye-blink::before,.skyview-logo-live .eye-blink::after{content:'';position:absolute;left:-1px;width:20px;height:6px;background:rgba(4,6,7,.96);transform:scaleY(0);transform-origin:center;will-change:transform}.skyview-logo-live .eye-blink::before{top:-1px;transform-origin:top center}.skyview-logo-live .eye-blink::after{bottom:-1px;transform-origin:bottom center}.skyview-logo-live.offline .eye-glow{animation:none;background:radial-gradient(ellipse at center,rgba(228,124,124,.42) 0%,rgba(190,62,62,.22) 42%,rgba(190,62,62,0) 76%);box-shadow:0 0 5px rgba(228,124,124,.38),0 0 9px rgba(190,62,62,.15)}.skyview-logo-live.offline .eye-blink{animation:none}.skyview-logo-live.offline .eye-blink::before,.skyview-logo-live.offline .eye-blink::after{transform:scaleY(0)}@keyframes skyviewChameleon{0%{filter:hue-rotate(0deg) blur(.25px)}25%{filter:hue-rotate(18deg) blur(.25px)}50%{filter:hue-rotate(38deg) blur(.25px)}75%{filter:hue-rotate(62deg) blur(.25px)}100%{filter:hue-rotate(0deg) blur(.25px)}}@keyframes skyviewBlink{0%,100%{opacity:1}}@keyframes skyviewUpperLid{0%,46%,50%,100%{transform:scaleY(0)}47.3%,48.3%{transform:scaleY(1)}}@keyframes skyviewLowerLid{0%,46%,50%,100%{transform:scaleY(0)}47.3%,48.3%{transform:scaleY(1)}}.skyview-logo-live .eye-blink::before{animation:skyviewUpperLid 7s linear infinite}.skyview-logo-live .eye-blink::after{animation:skyviewLowerLid 7s linear infinite}.skyview-logo-live.offline .eye-blink::before,.skyview-logo-live.offline .eye-blink::after{animation:none}
.tools{display:flex;gap:10px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--line);background:#0a0e11}.tools input{flex:1;min-width:0;background:#050708;border:1px solid #3a4850;color:#fff;padding:10px 12px;border-radius:4px;outline:none;font-size:13px}.tools input:focus{border-color:var(--cyan2);box-shadow:0 0 0 1px rgba(47,204,231,.16)}.btn,select{background:#12191d;border:1px solid #344149;color:#dfe6e8;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:650}.btn:hover,select:hover{border-color:#48606a}.btn.primary{color:var(--cyan);border-color:#2c7275}.btn.compact{padding:7px 9px;font-size:9px;letter-spacing:.5px}.accessbar{display:flex;align-items:center;gap:6px;flex:0 0 auto}.accessbtn{height:34px;min-width:72px;background:#0d1417;border:1px solid #314149;color:#98a7ae;padding:0 12px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.7px;cursor:pointer}.accessbtn.active{color:#071013;background:var(--cyan);border-color:var(--cyan);box-shadow:none}.accessbtn:hover:not(.active){color:#dce8eb;border-color:#55707a}.timezone{height:34px;display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 9px;border-left:1px solid #26343a;color:#8e9ca3;white-space:nowrap}.timezone .tz-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#74858d}.timezone b{font-size:11px;font-weight:750;color:#dce6e9;font-variant-numeric:tabular-nums}.timezone .tz-zone{font-size:8px;color:var(--cyan);font-weight:800;letter-spacing:.6px}
.work{min-height:0;display:grid;grid-template-columns:258px minmax(700px,1fr) 392px}.side,.detail{background:#080b0d;overflow:auto}.side{border-right:1px solid var(--line)}.detail{border-left:1px solid var(--line)}.section{padding:15px;border-bottom:1px solid var(--line)}.label{color:#8d9aa2;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{background:var(--panel2);border:1px solid #27343a;padding:10px;border-radius:4px}.metric b{font-size:19px;font-weight:800}.metric span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.good{color:var(--green)}.warn{color:var(--gold)}.cyan{color:var(--cyan)}.danger{color:var(--red)}
.navitem,.sourceitem{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;margin:3px 0;border:1px solid transparent;border-radius:3px;color:#c6d0d4;cursor:pointer;font-size:12px;font-weight:650}.navitem:hover,.navitem.active{background:#0e191b;border-color:#24484a;color:#fff}.navitem.active{box-shadow:inset 2px 0 var(--cyan)}.count{color:#708088;font-size:10px;font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px}.dot.gold{background:var(--gold)}.dot.cyan{background:var(--cyan)}
.main{min-width:0;display:grid;grid-template-rows:47px 205px 1fr}.head{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:#090d10;gap:8px}.head strong{letter-spacing:.5px;white-space:nowrap}.head>span{color:var(--muted)}.workspace-filters{margin-left:auto;display:flex;align-items:center;gap:6px}.workspace-filters select{height:30px;padding:5px 8px;font-size:9px}.freshness{font-size:8px;letter-spacing:.55px;color:#73858d!important;white-space:nowrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{position:sticky;top:0;z-index:2;background:#11171b;color:#96a3aa;text-align:left;font-size:10px;font-weight:800;letter-spacing:.7px;padding:9px 10px;border-bottom:1px solid #34414a;cursor:pointer}td{padding:10px;border-bottom:1px solid #1c2429;max-width:270px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#10201f}tbody tr.active{box-shadow:inset 3px 0 var(--cyan)}.id{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan)}.pill{border:1px solid #536169;border-radius:10px;padding:3px 8px;font-size:10px}.pill.verified{border-color:#397a55;color:var(--green)}.pill.review{border-color:#756235;color:var(--gold)}.pill.high{border-color:#397078;color:var(--cyan)}
.detail h2{margin:0 0 5px;font-size:20px;font-weight:800}.subtitle{color:var(--cyan);font-size:10px;letter-spacing:1px;margin-bottom:13px}.scorebox{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.score{background:#0d1417;border:1px solid #2b3b42;padding:10px;border-radius:4px;text-align:center}.score b{display:block;font-size:20px;font-weight:800}.score span{font-size:9px;color:var(--muted)}.grid{display:grid;grid-template-columns:132px 1fr}.grid div{padding:8px 0;border-bottom:1px solid #1e282d}.grid div:nth-child(odd){color:#829198;font-size:10px}.evidence{background:#0d1417;border:1px solid #2b383f;border-radius:5px;padding:11px;line-height:1.5;margin-top:8px}.evidence b{color:#dfe8ea}.note{color:var(--muted);line-height:1.5;font-size:12px}.rel{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #1d282d}.rel span:last-child{color:var(--cyan);font-size:10px}.actionrow{display:grid;grid-template-columns:1fr 1fr;gap:7px}.foot{display:flex;align-items:center;padding:0 14px;background:#090c0e;border-top:1px solid var(--line);color:#7f8b92;font-size:10px}.foot .right{margin-left:auto;letter-spacing:.6px}

.analytics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px 10px;background:#070b0d;border-bottom:1px solid var(--line);min-width:0;overflow:hidden}
.chartcard{background:#0b1114;border:1px solid #26343b;border-radius:4px;padding:9px;min-width:0;display:flex;flex-direction:column}
.charttop{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px}.charttop strong{font-size:10px;letter-spacing:.7px}.charttop small{display:block;color:var(--muted);font-size:8px;margin-top:3px;line-height:1.25}.charttop .src{margin-left:auto;color:var(--cyan);font-size:8px;white-space:nowrap}
.barlist{display:grid;gap:5px;margin-top:auto}.barrow{display:grid;grid-template-columns:72px 1fr 32px;gap:6px;align-items:center;font-size:9px;color:#a9b5ba}.bartrack{height:6px;background:#162127;border-radius:5px;overflow:hidden}.barfill{height:100%;background:var(--cyan);border-radius:5px}.barval{text-align:right;color:#dbe7ea;font-weight:700}
.spark{height:108px;position:relative;margin-top:auto}.spark svg{width:100%;height:100%;overflow:visible}.spark .axis{stroke:#26343b;stroke-width:1}.spark .line{fill:none;stroke:var(--cyan);stroke-width:2}.spark .dotp{fill:#071014;stroke:var(--cyan);stroke-width:2}.spark .xlabel{fill:#74858d;font-size:8px}.spark .ylabel{fill:#aab6bb;font-size:8px;font-weight:700}
.comparegrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:end;height:112px;margin-top:auto}.colwrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.col{width:66%;background:linear-gradient(180deg,var(--cyan),#1d7180);border-radius:2px 2px 0 0;min-height:4px}.col.secondary{background:linear-gradient(180deg,#7b93ff,#304579)}.colval{font-size:8px;font-weight:700}.collabel{font-size:7px;color:#718087;text-align:center;white-space:nowrap}
.sourcelegend{display:grid;gap:6px;margin-top:auto}.srcrow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid #182126;padding-bottom:5px}.srcrow:last-child{border:0}.srcname{font-size:9px}.srcmode{font-size:8px;border:1px solid #36505a;border-radius:9px;padding:2px 6px;color:var(--cyan)}.srcmode.local{color:var(--green);border-color:#38684b}.srcmode.fed{color:#8fa8ff;border-color:#44527e}



.private-role-wrap{display:none;align-items:center;gap:6px;margin-left:2px}.private-role-wrap.visible{display:flex}.role-select{background:#10181b;border:1px solid #37505a;color:#dce7ea;padding:8px 10px;border-radius:4px;font-size:10px;font-weight:700}.role-note{font-size:8px;color:#788991;white-space:nowrap}.rolebadge{display:inline-block;border:1px solid #3b6b4b;color:#7de09d;border-radius:10px;padding:2px 7px;font-size:8px;font-weight:800;margin-left:6px}.rolecard{background:#0b1210;border:1px solid #2c4a36;border-radius:4px;padding:9px;margin-top:7px}.rolecard strong{font-size:10px;letter-spacing:.5px}.rolecard p{font-size:9px;color:#85928b;line-height:1.4;margin:5px 0 0}.permission-grid{display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin-top:8px}.permission-grid span{font-size:9px;padding:3px 0;border-bottom:1px solid #18231c}.permission-grid span:nth-child(even){text-align:right;color:#7de09d;font-weight:700}.private-only{display:none}.private-only.visible{display:block}.public-only.hidden{display:none}

.profilechips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chip{border:1px solid #38505a;border-radius:10px;padding:3px 7px;font-size:8px;color:#b9c8ce}.chip.teal{color:var(--cyan);border-color:#2f7180}.chip.green{color:#7de09d;border-color:#3a6d4d}.timeline{margin-top:8px;border-left:1px solid #2f434c;padding-left:10px}.titem{position:relative;padding:3px 0 8px 0;font-size:9px;color:#9cabaf}.titem:before{content:'';position:absolute;left:-14px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.leaderbox{background:#0c1316;border:1px solid #2b3f47;border-radius:4px;padding:9px;margin-top:7px}.leaderbox b{font-size:11px}.leaderbox small{display:block;color:#819097;margin-top:3px}.needmeter{height:7px;background:#172127;border-radius:6px;overflow:hidden;margin-top:6px}.needmeter span{display:block;height:100%;background:var(--cyan)}.awardflag{display:inline-block;color:#7de09d;border:1px solid #3c6c4d;border-radius:10px;padding:2px 7px;font-size:8px;font-weight:800}
@media(max-width:1350px){.analytics{grid-template-columns:1fr 1fr;overflow:auto}.main{grid-template-rows:47px 390px 1fr}}
@media(max-width:1100px){.timezone{display:none}.workspace-filters select:nth-child(2){display:none}.work{grid-template-columns:200px 1fr}.detail{position:fixed;right:0;top:128px;bottom:28px;width:min(390px,94vw);transform:translateX(100%);transition:.2s;box-shadow:-15px 0 40px #000a;z-index:5}.detail.open{transform:none}}
\n.navitem{ text-decoration:none; }\n.navitem.module-link{display:flex;}\n.auth-link{color:var(--cyan);text-decoration:none;font-size:10px;font-weight:800;border:1px solid #2c7275;padding:8px 10px;border-radius:4px}\n.auth-link:hover{background:#102026}\n.module-empty{padding:28px;color:var(--muted)}\n.module-empty h2{color:var(--text);margin:0 0 8px}\n.module-route{color:var(--cyan);font-size:9px;letter-spacing:1px}\n

/* =========================================================
   SKYVIEW SHARED SHELL — XSIGHT VISUAL CALIBRATION
   HindSight product content stays unchanged.
   ========================================================= */
html,body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11px;
}
.app{
  grid-template-rows:68px 46px 1fr 26px;
}
.top{
  padding:10px 16px;
  min-height:68px;
}
.brand .titleline{
  font-size:17px;
  font-weight:800;
  letter-spacing:1.45px;
  line-height:1.05;
}
.brand .subtitleline{
  margin-top:5px;
  font-size:8px;
  font-weight:700;
  letter-spacing:1.45px;
}
.skyview-logo-live{
  width:124px;
  height:46px;
}
.skyview-logo-live .logo{
  width:124px;
  height:46px;
}
.tools{
  min-height:46px;
  gap:7px;
  padding:6px 12px;
}
.tools input{
  height:32px;
  padding:6px 10px;
  font-size:11px;
  border-radius:3px;
}
.accessbar{
  gap:4px;
}
.accessbtn{
  height:32px;
  min-width:64px;
  padding:0 10px;
  border-radius:3px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.6px;
}
.timezone{
  height:32px;
  padding:0 7px 0 8px;
  gap:4px;
}
.timezone .tz-label{
  font-size:7px;
  letter-spacing:.8px;
}
.timezone b{
  font-size:10px;
}
.timezone .tz-zone{
  font-size:7px;
}
.work{
  grid-template-columns:236px minmax(640px,1fr) 354px;
}
.section{
  padding:11px 12px;
}
.label{
  font-size:8px;
  letter-spacing:1.1px;
  margin-bottom:7px;
}
.metric{
  padding:7px;
}
.metric b{
  font-size:15px;
}
.metric span{
  font-size:7px;
}
.navitem,.sourceitem{
  padding:7px 8px;
  margin:2px 0;
  font-size:10px;
  font-weight:600;
}
.count{
  font-size:8px;
}
.main{
  grid-template-rows:39px 178px 1fr;
}
.head{
  min-height:39px;
  padding:0 10px;
  gap:6px;
}
.head strong{
  font-size:10px;
  letter-spacing:.45px;
}
.workspace-filters{
  gap:4px;
}
.workspace-filters select{
  height:27px;
  padding:4px 6px;
  font-size:8px;
}
.btn.compact{
  height:27px;
  padding:4px 7px;
  font-size:8px;
}
.freshness{
  font-size:7px;
}
.analytics{
  gap:6px;
  padding:7px 8px;
}
.chartcard{
  padding:7px;
}
.charttop strong{
  font-size:9px;
}
.charttop small,.charttop .src{
  font-size:7px;
}
th{
  font-size:8px;
  padding:7px 8px;
}
td{
  font-size:10px;
  padding:8px;
}
.id{
  font-size:8px;
}
.pill{
  font-size:8px;
  padding:2px 6px;
}
.detail h2{
  font-size:17px;
}
.subtitle{
  font-size:8px;
}
.score b{
  font-size:17px;
}
.score span,.grid div:nth-child(odd),.rel span:last-child{
  font-size:8px;
}
.note{
  font-size:10px;
}
.foot{
  padding:0 10px;
  font-size:8px;
}

/* iPhone / small-screen behavior: keep the shell clean and readable. */
@media(max-width:760px){
  body{
    overflow:auto;
  }
  .app{
    min-height:100vh;
    height:auto;
    grid-template-rows:auto auto 1fr auto;
  }
  .top{
    min-height:62px;
    padding:9px 10px;
  }
  .brand .titleline{
    font-size:14px;
    letter-spacing:1px;
  }
  .brand .subtitleline{
    margin-top:4px;
    font-size:7px;
    letter-spacing:1px;
  }
  .skyview-logo-live{
    width:102px;
    height:38px;
  }
  .skyview-logo-live .logo{
    width:102px;
    height:38px;
  }
  .tools{
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:6px;
    padding:6px 8px;
  }
  .tools input{
    grid-column:1 / -1;
    width:100%;
    height:31px;
    font-size:10px;
  }
  .accessbar{
    justify-self:start;
  }
  .timezone{
    display:flex !important;
    justify-self:end;
    border-left:0;
    padding-right:0;
  }
  .work{
    display:block;
  }
  .side{
    border-right:0;
    border-bottom:1px solid var(--line);
    max-height:none;
  }
  .detail{
    position:static;
    width:auto;
    transform:none;
    box-shadow:none;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .main{
    display:block;
  }
  .head{
    min-height:38px;
    flex-wrap:wrap;
    padding:6px 8px;
  }
  .workspace-filters{
    width:100%;
    overflow-x:auto;
    padding-bottom:2px;
  }
  .workspace-filters select{
    flex:0 0 auto;
  }
  .analytics{
    grid-template-columns:1fr;
    overflow:visible;
  }
  .tablewrap{
    overflow-x:auto;
  }
  .foot{
    min-height:28px;
    gap:8px;
    flex-wrap:wrap;
    padding:6px 8px;
  }
  .foot .right{
    margin-left:0;
  }
}


/* =========================================================
   SKYVIEW SHARED LIVE INTELLIGENCE + ANIMATION STANDARD
   Enhancement layer only — existing HindSight layout preserved.
   ========================================================= */
.top{position:relative;overflow:hidden;isolation:isolate}
.top>.brand,.top>.live-clock,.top>.skyview-logo-live{position:relative;z-index:3}
.header-live-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#skyviewDotWave{position:absolute;inset:0;width:100%;height:100%;opacity:.38}
.header-live-field:before{content:"";position:absolute;inset:-25% -10%;background:radial-gradient(ellipse at 72% 50%,rgba(211,39,49,.11),transparent 38%);animation:skyAmbient 8s ease-in-out infinite}
.scan-sweep{position:absolute;top:0;bottom:0;width:24%;left:-28%;background:linear-gradient(90deg,transparent,rgba(255,52,61,.035),rgba(255,82,90,.14),rgba(255,52,61,.035),transparent);filter:blur(.2px);animation:skyHeaderScan 7s linear infinite}
@keyframes skyHeaderScan{0%{transform:translateX(0)}100%{transform:translateX(540%)}}
@keyframes skyAmbient{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.06)}}

.live-clock{margin-left:auto;margin-right:14px;min-width:174px;display:grid;grid-template-columns:1fr;text-align:right;line-height:1.08;white-space:nowrap}
.live-clock-label{font-size:7px;font-weight:800;letter-spacing:1.25px;color:#8d9aa2}
.live-clock-zone{margin-top:3px;font-size:8px;font-weight:800;letter-spacing:1.05px;color:#fff}
.live-clock-value{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.7px;color:var(--cyan);font-variant-numeric:tabular-nums}

.skyview-logo-live .eye-scan{position:absolute;left:42%;right:42%;top:4%;bottom:4%;pointer-events:none;overflow:hidden;opacity:.55}
.skyview-logo-live .eye-scan:before{content:"";position:absolute;left:-120%;top:0;width:75%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,70,78,.2),rgba(255,100,105,.6),rgba(255,70,78,.2),transparent);transform:skewX(-12deg);animation:skyEyeScan 7s linear infinite}
@keyframes skyEyeScan{0%{left:-120%}100%{left:220%}}

.live-intel-strip{display:grid;grid-template-columns:1.1fr repeat(5,minmax(72px,1fr)) 1.35fr;gap:1px;background:#1b252a;border-bottom:1px solid var(--line);min-height:47px}
.live-kpi{background:#0a0f12;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;min-width:0}
.live-kpi b{display:block;font-size:12px;font-weight:800;color:#e5ecef;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-kpi small{display:block;margin-top:2px;font-size:7px;font-weight:800;letter-spacing:.72px;color:#73828a;white-space:nowrap}
.live-kpi.wide b{font-size:9px;color:var(--cyan)}
.live-pulse{width:7px;height:7px;border-radius:50%;background:#607078;box-shadow:0 0 0 rgba(47,204,231,0)}
.live-pulse.live{background:#49d58a;animation:skyLivePulse 1.8s ease-out infinite}
.live-pulse.delayed{background:#e4bf61}
.live-pulse.offline{background:#d95760}
@keyframes skyLivePulse{0%{box-shadow:0 0 0 0 rgba(73,213,138,.38)}70%{box-shadow:0 0 0 7px rgba(73,213,138,0)}100%{box-shadow:0 0 0 0 rgba(73,213,138,0)}}

.source-status{display:flex;align-items:center;gap:6px}
.source-state{font-size:7px;font-weight:850;letter-spacing:.55px}
.source-state.live{color:#68dc96}.source-state.delayed{color:#e5c36b}.source-state.offline{color:#df6a72}
.source-freshness{font-size:7px;color:#718087}

.what-changed{background:#0b1114;border:1px solid #2a3940;border-radius:4px;overflow:hidden}
.change-row{display:grid;grid-template-columns:96px 1fr 18px 1fr;gap:7px;align-items:center;padding:8px 9px;border-bottom:1px solid #192328;font-size:9px}
.change-row:last-child{border-bottom:0}.change-field{color:#7f8f96;font-weight:800}.change-old{color:#a7b3b8}.change-arrow{color:var(--cyan);text-align:center}.change-new{color:#edf3f5;font-weight:750}
.no-change{padding:10px;color:#7c8a91;font-size:9px;line-height:1.45}

@media(max-width:1100px){
  .live-intel-strip{grid-template-columns:repeat(4,1fr)}
  .live-kpi:nth-child(6),.live-kpi:nth-child(7){display:none}
  .live-clock{min-width:150px;margin-right:8px}
}
@media(max-width:760px){
  .top{display:grid;grid-template-columns:1fr auto;gap:6px 8px}
  .brand{grid-column:1;grid-row:1}
  .skyview-logo-live{grid-column:2;grid-row:1 / span 2}
  .live-clock{grid-column:1;grid-row:2;margin:0;text-align:left;min-width:0}
  .live-clock-label{font-size:6px}.live-clock-zone{font-size:7px}.live-clock-value{font-size:9px}
  .live-intel-strip{grid-template-columns:repeat(3,1fr)}
  .live-kpi{padding:6px 5px}.live-kpi b{font-size:10px}.live-kpi small{font-size:6px}
  .live-kpi:nth-child(n+5){display:none}
}


/* =========================================================
   SOURCEBOOK-ALIGNED HEADER TYPOGRAPHY · HINDSIGHT v2.6
   Header-only alignment. No application redesign.
   ========================================================= */
.app{grid-template-rows:72px 46px 1fr 26px}
.top.foresight-header{
  min-height:72px;
  padding:9px 16px 8px;
  display:grid;
  grid-template-columns:minmax(420px,1fr) auto 132px;
  align-items:center;
  column-gap:18px;
}
.top.foresight-header .brand{
  min-width:0;
  justify-self:start;
}
.top.foresight-header .brand .titleline{
  font-size:15px;
  line-height:1;
  font-weight:850;
  letter-spacing:1.45px;
  white-space:nowrap;
}
.top.foresight-header .brand .subtitleline{
  margin-top:6px;
  font-size:7px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.25px;
  color:#8fa1a8;
  white-space:nowrap;
}
.top.foresight-header .header-status-block{
  position:relative;
  z-index:3;
  justify-self:center;
  min-width:158px;
  text-align:center;
}
.top.foresight-header .header-live-state{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-bottom:3px;
  font-size:7px;
  font-weight:850;
  letter-spacing:1px;
  color:#7edca0;
}
.top.foresight-header .header-live-dot{
  width:6px;height:6px;border-radius:50%;background:#55d98b;
  box-shadow:0 0 8px rgba(85,217,139,.35);
}
.top.foresight-header .live-clock{
  margin:0;
  min-width:0;
  text-align:center;
}
.top.foresight-header .live-clock-label{font-size:6px;letter-spacing:1.15px}
.top.foresight-header .live-clock-zone{margin-top:2px;font-size:7px;letter-spacing:1px}
.top.foresight-header .live-clock-value{margin-top:3px;font-size:10px;letter-spacing:.6px}
.top.foresight-header .skyview-logo-live{
  justify-self:end;
  width:118px;
  height:44px;
  margin:0;
}
.top.foresight-header .skyview-logo-live .logo{
  width:118px;
  height:44px;
}
@media(max-width:900px){
  .top.foresight-header{
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    column-gap:10px;
  }
  .top.foresight-header .brand{grid-column:1;grid-row:1}
  .top.foresight-header .header-status-block{grid-column:1;grid-row:2;justify-self:start;text-align:left}
  .top.foresight-header .live-clock{text-align:left}
  .top.foresight-header .skyview-logo-live{grid-column:2;grid-row:1 / span 2}
}


/* =========================================================
   HINDSIGHT · SOURCEBOOK TOP HEADER STANDARD v3.0
   Authoritative top-shell override.
   All earlier header geometry is superseded below.
   ========================================================= */

.app{
  grid-template-rows:104px 47px 46px 1fr 26px !important;
}

.top.foresight-header{
  position:relative !important;
  min-height:104px !important;
  height:104px !important;
  padding:14px 18px 12px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 190px 150px !important;
  grid-template-rows:1fr !important;
  align-items:center !important;
  column-gap:18px !important;
  background:#050a0d !important;
  border-bottom:1px solid #213139 !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Animation has no layout authority. */
.top.foresight-header .header-live-field{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
.top.foresight-header #skyviewDotWave{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:.44 !important;
}
.top.foresight-header .header-live-field::before{
  content:"";
  position:absolute;
  inset:-40% 8% -15%;
  background:radial-gradient(ellipse at center,rgba(227,72,72,.11),transparent 62%);
  animation:hsSourcebookGlow 5s ease-in-out infinite;
}
.top.foresight-header .scan-sweep{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:-22% !important;
  width:16% !important;
  opacity:.18 !important;
  background:linear-gradient(90deg,transparent,rgba(255,86,86,.18),transparent) !important;
  transform:skewX(-12deg) !important;
  animation:hsSourcebookScan 8.5s ease-in-out infinite !important;
}

/* Three immutable content zones. */
.top.foresight-header .brand,
.top.foresight-header .header-status-block,
.top.foresight-header .header-logo-zone{
  position:relative !important;
  z-index:3 !important;
  min-width:0 !important;
}

.top.foresight-header .brand{
  grid-column:1 !important;
  justify-self:start !important;
  align-self:center !important;
  display:block !important;
}
.top.foresight-header .brand .titleline{
  display:block !important;
  margin:0 !important;
  white-space:nowrap !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  color:#eef4f6 !important;
}
.top.foresight-header .brand .titleline .accent{
  color:#2FCCE7 !important;
}
.top.foresight-header .brand .subtitleline{
  display:block !important;
  margin-top:8px !important;
  white-space:nowrap !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:1.35px !important;
  color:#9aabb1 !important;
}

.top.foresight-header .header-status-block{
  grid-column:2 !important;
  justify-self:center !important;
  align-self:center !important;
  width:190px !important;
  text-align:center !important;
}
.top.foresight-header .live-clock{
  display:block !important;
  margin:0 !important;
  min-width:0 !important;
  width:100% !important;
  text-align:center !important;
  line-height:1.08 !important;
  white-space:nowrap !important;
}
.top.foresight-header .live-clock-label{
  display:block !important;
  font-size:7px !important;
  font-weight:850 !important;
  letter-spacing:1.25px !important;
  color:#aebbc0 !important;
}
.top.foresight-header .live-clock-zone{
  display:block !important;
  margin-top:4px !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:1.05px !important;
  color:#fff !important;
}
.top.foresight-header .live-clock-value{
  display:block !important;
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.65px !important;
  color:#2FCCE7 !important;
  font-variant-numeric:tabular-nums !important;
}

.top.foresight-header .header-logo-zone{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  width:150px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:7px !important;
}
.top.foresight-header .skyview-logo-live{
  position:relative !important;
  margin:0 !important;
  width:130px !important;
  height:48px !important;
  flex:0 0 auto !important;
}
.top.foresight-header .skyview-logo-live::before{
  content:"";
  position:absolute;
  inset:-7px -8px;
  border-radius:8px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(47,204,231,.11),transparent 70%);
  animation:hsSourcebookLogoBreath 5s ease-in-out infinite;
}
.top.foresight-header .skyview-logo-live .logo{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:130px !important;
  height:48px !important;
  object-fit:contain !important;
}

.top.foresight-header .header-accessbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
  width:auto !important;
}
.top.foresight-header .header-accessbar .accessbtn{
  height:24px !important;
  min-width:58px !important;
  padding:0 10px !important;
  border-radius:3px !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.65px !important;
}
.top.foresight-header .header-accessbar .accessbtn.active{
  background:#2FCCE7 !important;
  border-color:#2FCCE7 !important;
  color:#041015 !important;
}

/* The live intelligence strip now belongs immediately below the main header. */
#liveIntelStrip{
  grid-row:auto !important;
  width:100% !important;
  min-height:47px !important;
  height:47px !important;
  grid-template-columns:1.1fr repeat(5,minmax(72px,1fr)) 1.35fr !important;
  border-top:0 !important;
  border-bottom:1px solid #1d2c32 !important;
}

/* Search/tool row contains search only; access belongs under logo. */
.tools.xsight-tools{
  min-height:46px !important;
  height:46px !important;
  padding:6px 12px !important;
  display:flex !important;
  align-items:center !important;
}
.tools.xsight-tools input{
  width:100% !important;
  height:32px !important;
  margin:0 !important;
}

/* Main workspace regains its intended three rows now that live strip moved out. */
.main{
  grid-template-rows:47px 205px 1fr !important;
}

@keyframes hsSourcebookGlow{
  0%,100%{opacity:.45;transform:scale(.98)}
  50%{opacity:.85;transform:scale(1.04)}
}
@keyframes hsSourcebookScan{
  0%,68%{left:-22%;opacity:0}
  72%{opacity:.18}
  88%{left:106%;opacity:.18}
  100%{left:106%;opacity:0}
}
@keyframes hsSourcebookLogoBreath{
  0%,100%{opacity:.30;transform:scale(.98)}
  50%{opacity:.80;transform:scale(1.04)}
}

@media(max-width:1100px){
  .top.foresight-header{
    grid-template-columns:minmax(0,1fr) 165px 132px !important;
    column-gap:12px !important;
  }
  .top.foresight-header .brand .titleline{
    font-size:19px !important;
  }
  .top.foresight-header .brand .subtitleline{
    font-size:7px !important;
  }
  .top.foresight-header .header-status-block{
    width:165px !important;
  }
  .top.foresight-header .header-logo-zone{
    width:132px !important;
  }
  .top.foresight-header .skyview-logo-live,
  .top.foresight-header .skyview-logo-live .logo{
    width:116px !important;
    height:44px !important;
  }
  #liveIntelStrip{
    grid-template-columns:repeat(4,1fr) !important;
    height:auto !important;
    min-height:47px !important;
  }
}

@media(max-width:760px){
  .app{
    grid-template-rows:auto auto 46px 1fr 26px !important;
  }
  .top.foresight-header{
    height:auto !important;
    min-height:124px !important;
    grid-template-columns:minmax(0,1fr) 112px !important;
    grid-template-rows:auto auto !important;
    padding:10px 12px !important;
  }
  .top.foresight-header .brand{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .top.foresight-header .brand .titleline{
    font-size:16px !important;
    white-space:normal !important;
  }
  .top.foresight-header .brand .subtitleline{
    white-space:normal !important;
  }
  .top.foresight-header .header-status-block{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
    width:auto !important;
  }
  .top.foresight-header .live-clock{
    text-align:left !important;
  }
  .top.foresight-header .header-logo-zone{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:112px !important;
  }
  .top.foresight-header .skyview-logo-live,
  .top.foresight-header .skyview-logo-live .logo{
    width:104px !important;
    height:40px !important;
  }
  .top.foresight-header .header-accessbar .accessbtn{
    min-width:49px !important;
    padding:0 5px !important;
    font-size:6.5px !important;
  }
  #liveIntelStrip{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .top.foresight-header .header-live-field::before,
  .top.foresight-header .scan-sweep,
  .top.foresight-header .skyview-logo-live::before{
    animation:none !important;
  }
}

/* HindSight v3.1 deep education intelligence — no visual redesign */
.deep-group{border-top:1px solid #18262c;padding:7px 8px}
.deep-group-title{font-size:7px;font-weight:900;letter-spacing:.75px;color:#2FCCE7;margin-bottom:5px;text-transform:uppercase}
.deep-fact{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(100px,1fr);gap:3px 8px;padding:4px 0;border-bottom:1px solid #121d22}
.deep-fact:last-child{border-bottom:0}
.deep-fact span{font-size:7px;color:#77878d;text-transform:uppercase;letter-spacing:.35px}
.deep-fact b{font-size:8px;color:#dfe8eb;font-weight:750}
.deep-fact small{grid-column:1/-1;font-size:6.5px;color:#596970}
@media(max-width:760px){.deep-fact{grid-template-columns:1fr}.deep-fact small{grid-column:1}}