/* Jase's Network navigation v1.0.0 — scoped to the new shortcuts. */
body .jn-network-nav #jn-top-link {
  gap:8px; color:#fff2ad; border-color:#ca90ff;
  background:linear-gradient(110deg,#462378,#2b1452 65%,#493578);
  box-shadow:0 2px 0 #10062e,inset 0 1px 0 #ffffff30,0 0 12px #ba65ff35;
  text-decoration:none; white-space:nowrap;
}
body .jn-network-nav #jn-top-link .jn-nav-star { color:#7bf4ff; font-size:19px; }
body .jn-network-nav #jn-top-link::after { content:none; }
body .jn-network-nav #jn-top-link:hover,
body .jn-network-nav #jn-top-link[aria-current="page"] {
  color:#171030; background:linear-gradient(115deg,#a9ffff,#55e6f3 60%,#aeb0ff);
  border-color:#b8ffff; text-shadow:none;
}
body .jn-network-nav #jn-top-link[aria-current="page"] .jn-nav-star,
body .jn-network-nav #jn-top-link:hover .jn-nav-star { color:#302264; }
body .jn-network-nav #jn-top-link:focus-visible,
#surfbarmenu #jn-surf-link:focus-visible { outline:2px solid #ffe87a; outline-offset:-2px; }
@media(min-width:992px) {
  body .lfm_menu_bar .navbar.jn-network-nav {
    display:grid; grid-template-columns:auto repeat(4,minmax(0,1fr));
  }
  body .jn-network-nav > a.d-lg-block { grid-column:1;grid-row:1; }
  body .jn-network-nav .navbar-collapse,
  body .jn-network-nav .navbar-nav,
  body .jn-network-nav .navbar-nav > .nav-item { display:contents !important; }
  body .jn-network-nav .navbar-nav > .nav-item > .nav-link { grid-row:1;min-width:0;width:100%; }
  body .jn-network-nav .lfm_menu_tab { grid-column:1 / -1;grid-row:2; }
}
/* Keep the original 25px surf strip; narrow screens can scroll its links. */
.tc-surf-menu.jn-surf-enabled { height:25px; }
.tc-surf-menu.jn-surf-enabled #clickresultdiv { flex:1 1 auto; min-width:0; }
.tc-surf-menu.jn-surf-enabled #surfbarmenu {
  flex:0 1 auto; max-width:calc(100% - 48px); overflow-x:auto; overflow-y:hidden;
  text-overflow:clip; scrollbar-width:none;
}
.tc-surf-menu.jn-surf-enabled #surfbarmenu::-webkit-scrollbar { display:none; }
#surfbarmenu #jn-surf-link {
  display:inline-flex;align-items:center;gap:6px;vertical-align:middle;
  height:19px;line-height:19px;padding:0 7px;margin:0 0 0 6px;
  border:1px solid #ad7be7;border-radius:5px;
  background:linear-gradient(100deg,#3e1c70,#121b4c);
  color:#fcf1bd !important;font-family:Arial,Helvetica,sans-serif;
  font-size:11px;font-weight:800;text-shadow:none !important;
  text-decoration:none !important;white-space:nowrap;box-sizing:border-box;
}
#surfbarmenu #jn-surf-link:hover { border-color:#80f5ff; background:#452779; }
#jn-surf-link .jn-nav-meter {
  display:inline-block;position:relative;overflow:hidden;width:64px;height:7px;
  border:1px solid #9274b1;border-radius:99px;background:#0c0923;
}
#jn-surf-link .jn-nav-fill {
  display:block;height:100%;width:0;max-width:100%;border-radius:inherit;
  background:linear-gradient(90deg,#ad42ff,#b37bff 40%,#66f8ff);
  box-shadow:0 0 7px #5aefff80;transition:width .5s ease;
}
#jn-surf-link .jn-nav-value { color:#99f8ff;min-width:25px;font-size:10px;text-align:right; }
#jn-surf-link[data-state="complete"] { border-color:#ffe36f; }
#jn-surf-link[data-state="complete"] .jn-nav-fill { background:linear-gradient(90deg,#ffe466,#a9ffca); }
#jn-surf-link[data-state="offline"] .jn-nav-meter { opacity:.55; }
#jn-surf-link .jn-nav-arrow { color:#82efff; }
@media(max-width:720px) {
  #surfbarmenu #jn-surf-link { padding:0 4px;gap:4px;font-size:10px; }
  #jn-surf-link .jn-nav-meter { width:38px; }
}
@media(max-width:991.98px) {
  body .jn-network-nav #jn-top-link::after { content:'↗';margin-left:auto; }
}
@media(min-width:992px) and (max-width:1199px) {
  body .jn-network-nav #jn-top-link { font-size:13px;gap:6px;padding-left:10px;padding-right:10px; }
  body .jn-network-nav #jn-top-link .jn-nav-star { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { #jn-surf-link .jn-nav-fill { transition:none; } }