/* Nerddi SkyMind 1.8.6 — clean canvas, responsive slide-out intelligence hub. */
html[data-theme] .hero.radar-home{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:1020px!important;
  margin-inline:auto!important;
  justify-items:stretch;
  padding-top:clamp(22px,3vh,30px)!important;
}
html[data-theme] .hero.radar-home .radar-main{width:100%;max-width:980px;margin-inline:auto}
.radar-intro .hub-inline-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:9px 14px;margin-top:14px;
  font:inherit;font-size:11px;font-weight:740;line-height:1;
  border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));
  border-radius:999px;color:var(--accent-2);
  background:color-mix(in srgb,var(--panel) 95%,transparent);
  box-shadow:0 5px 25px rgba(18,92,165,.10);cursor:pointer;
}
.hub-inline-trigger .hub-inline-arrow{font-size:14px}
.hub-inline-trigger:hover,.hub-inline-trigger:focus-visible{background:var(--panel-2);border-color:var(--accent);outline-offset:3px}
.hub-top-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:36px;min-width:38px;padding:0 10px;flex:0 0 auto;
  border-radius:11px;border:1px solid var(--line);
  color:var(--accent-2);background:var(--panel);
  font:inherit;font-size:11px;font-weight:750;cursor:pointer;
}
.hub-top-trigger>span:first-child{font-size:17px;line-height:1}
.hub-top-trigger:hover,.hub-top-trigger:focus-visible{background:var(--panel-2);border-color:var(--accent)}
/* On smaller headers the action is icon-only. */
@media(max-width:1340px){.hub-top-label{display:none}.hub-top-trigger{padding:0 9px}}
@media(max-width:780px){.hub-top-label{display:none}.hub-top-trigger{height:33px;min-width:33px;padding:0 7px}}
/* Slideout lives outside the home hero so it also works during conversations. */
.hub-backdrop{position:fixed;z-index:189;inset:0;border:0;padding:0;margin:0;background:rgba(1,8,20,.65);backdrop-filter:blur(3px);cursor:default}
.hub-backdrop[hidden]{display:none!important}
html[data-theme] #intelligenceHub.radar-rail{
  position:fixed!important;z-index:190!important;inset:0 0 0 auto!important;
  width:min(395px,calc(100vw - 16px))!important;
  height:100dvh!important;max-height:100dvh!important;
  padding:20px 15px max(20px,env(safe-area-inset-bottom))!important;
  margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;scrollbar-width:thin!important;
  display:flex!important;flex-direction:column!important;
  grid-template-columns:none!important;gap:12px!important;
  border-left:1px solid #2a5b85;border-radius:22px 0 0 22px;
  background:linear-gradient(164deg,#0d2748 0%,#08192f 44%,#061327 100%);
  box-shadow:-30px 0 70px rgba(0,4,17,.47);
  transform:translateX(calc(100% + 20px))!important;
  transition:transform .24s ease!important;
  visibility:hidden!important;pointer-events:none!important;
  align-items:stretch!important;
  opacity:1!important;
}
html[data-theme] body.nsk-hub-open #intelligenceHub.radar-rail{
  transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;
}
#intelligenceHub .radar-rail-card{height:auto!important;width:100%!important;flex:0 0 auto!important;grid-column:auto!important}
#intelligenceHub .radar-rail-bottom{grid-column:auto!important;flex:0 0 auto}
.hub-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 2px 9px;border-bottom:1px solid rgba(102,171,228,.23)}
.hub-drawer-head h2{margin:2px 0 2px;font-size:22px;letter-spacing:-.035em;color:#f2f9ff}
.hub-drawer-head p{margin:0 0 4px;color:#92b7da;font-size:11px}
.hub-kicker{color:#75c9ff;font-size:9px;font-weight:850;letter-spacing:.18em}
#hubClose{height:36px;width:36px;flex:0 0 36px;border-radius:11px;border:1px solid #2c5d87;background:#102e4d;color:#d0ebff;font-size:24px;cursor:pointer}
#hubClose:hover{background:#1c4c75}
/* Profile: Appearance should behave exactly like Cloud, Account, My Nerddi. */
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle{
  display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:minmax(14px,auto) minmax(12px,auto)!important;
  gap:0 8px!important;align-content:center!important;align-items:center!important;justify-items:start!important;
  width:100%!important;min-width:0!important;min-height:43px!important;height:auto!important;
  margin:0!important;padding:7px 8px!important;
  text-align:left!important;border:0!important;border-radius:10px!important;
  background:transparent!important;box-shadow:none!important;white-space:normal!important;
}
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle:hover{background:var(--panel-2)!important}
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle>span{
  grid-column:1!important;grid-row:1/3!important;display:grid!important;
  place-items:center!important;height:27px!important;width:27px!important;
  background:var(--panel-3)!important;border:0!important;border-radius:8px!important;
}
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle b{
  grid-column:2!important;grid-row:1!important;line-height:1.3!important;margin:0!important;
}
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle em{
  grid-column:2!important;grid-row:2!important;line-height:1.3!important;margin:0!important;
}
html[data-theme] .profile-popover #themeToggle.profile-menu-row.theme-toggle svg{
  grid-row:1!important;grid-column:1!important;margin:auto!important;
  height:17px!important;width:17px!important;
}
html[data-theme="dark"] .profile-popover #themeToggle .theme-sun{display:none!important}
html[data-theme="dark"] .profile-popover #themeToggle .theme-moon{display:block!important}
html[data-theme="light"] .profile-popover #themeToggle .theme-sun{display:block!important}
html[data-theme="light"] .profile-popover #themeToggle .theme-moon{display:none!important}
@media(max-width:540px){
  html[data-theme] #intelligenceHub.radar-rail{width:min(375px,100vw)!important;border-radius:14px 0 0 14px;padding:14px 12px max(15px,env(safe-area-inset-bottom))!important}
  .radar-intro .hub-inline-trigger{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] #intelligenceHub.radar-rail{transition:none!important}}