@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap");
/* LOCKROAD GLOBAL NAVIGATION v4F.11 */
:root{--lr-nav-height:58px;--lr-nav-gap:14px;--lr-nav-safe-top:calc(var(--lr-nav-height) + var(--lr-nav-gap) + 10px);--lr-nav-cyan:#37e8ff;--lr-nav-green:#5dffbd;--lr-nav-amber:#ffc857;--lr-nav-text:#e8f7ff;--lr-nav-muted:#8ba9ba;--lr-nav-red:#ff4f6a;--lr-nav-line:rgba(55,232,255,.26);--lr-nav-line-strong:rgba(55,232,255,.48)}
.lockroad-global-nav,.lockroad-global-nav *,.lockroad-tools-drawer,.lockroad-tools-drawer *,.lockroad-tools-backdrop{box-sizing:border-box}
body.lockroad-nav-mounted{padding-top:var(--lr-nav-safe-top)!important}
.lockroad-global-nav{position:fixed!important;top:var(--lr-nav-gap)!important;left:var(--lr-nav-gap)!important;right:var(--lr-nav-gap)!important;height:var(--lr-nav-height);z-index:2147483000;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border:1px solid var(--lr-nav-line);border-radius:18px;background:radial-gradient(circle at 85% 0%,rgba(255,79,216,.10),transparent 18rem),linear-gradient(90deg,rgba(2,7,16,.98),rgba(5,16,33,.93));box-shadow:0 14px 32px rgba(0,0,0,.46),inset 0 0 18px rgba(55,232,255,.045);backdrop-filter:blur(10px);font-family:"Rajdhani","Segoe UI",Arial,sans-serif}
.lockroad-nav-brand{display:grid;gap:1px;align-content:center;min-width:168px;padding:7px 12px;border-right:1px solid rgba(55,232,255,.14);line-height:1}.lockroad-nav-brand strong{color:var(--lr-nav-cyan);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.lockroad-nav-brand span{color:var(--lr-nav-muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.lockroad-nav-track{display:flex;gap:6px;align-items:center;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 2px 3px;scrollbar-width:thin;scrollbar-color:rgba(55,232,255,.35) transparent}.lockroad-nav-track::-webkit-scrollbar{height:5px}.lockroad-nav-track::-webkit-scrollbar-thumb{background:rgba(55,232,255,.35);border-radius:99px}
.lockroad-nav-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.lockroad-nav-link,.lockroad-nav-button,.lockroad-nav-future{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:8px 12px;border:1px solid rgba(55,232,255,.15);border-radius:999px;color:var(--lr-nav-text);background:rgba(55,232,255,.045);text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:11px;line-height:1;font-weight:700;white-space:nowrap;cursor:pointer}.lockroad-nav-button{appearance:none;font-family:inherit}.lockroad-nav-link:hover,.lockroad-nav-button:hover,.lockroad-nav-link:focus-visible,.lockroad-nav-button:focus-visible{border-color:var(--lr-nav-line-strong);color:var(--lr-nav-cyan);outline:none}.lockroad-nav-link.is-active{border-color:rgba(93,255,189,.52);color:var(--lr-nav-green);background:rgba(93,255,189,.11);box-shadow:inset 0 0 15px rgba(93,255,189,.05)}
.lockroad-nav-future{color:rgba(139,169,186,.56);border-style:dashed;background:rgba(255,255,255,.018);cursor:default}.lockroad-nav-future::after{content:" RESERVED";color:rgba(255,200,87,.65);font-size:8px;margin-left:6px;letter-spacing:.10em}.lockroad-nav-button.tools-open{border-color:rgba(255,200,87,.48);color:var(--lr-nav-amber);background:rgba(255,200,87,.10)}
.lockroad-tools-backdrop{position:fixed;inset:0;z-index:2147482998;background:rgba(0,0,0,.36);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .15s}.lockroad-tools-backdrop.is-open{opacity:1;pointer-events:auto}.lockroad-tools-drawer{position:fixed;top:calc(var(--lr-nav-safe-top) + 6px);right:var(--lr-nav-gap);z-index:2147482999;width:min(460px,calc(100vw - 24px));max-height:calc(100vh - var(--lr-nav-safe-top) - 22px);overflow:auto;border:1px solid var(--lr-nav-line-strong);border-radius:20px;background:radial-gradient(circle at 85% 0%,rgba(255,79,216,.12),transparent 18rem),linear-gradient(180deg,rgba(7,18,36,.98),rgba(2,7,16,.98));box-shadow:0 24px 54px rgba(0,0,0,.58),inset 0 0 24px rgba(55,232,255,.05);transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:transform .16s,opacity .16s;color:var(--lr-nav-text);font-family:"Rajdhani","Segoe UI",Arial,sans-serif}.lockroad-tools-drawer.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.lockroad-tools-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid rgba(55,232,255,.14)}.lockroad-tools-title{display:grid;gap:3px}.lockroad-tools-title strong{color:var(--lr-nav-cyan);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.lockroad-tools-title span{color:var(--lr-nav-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.lockroad-tools-close{width:32px;height:32px;border:1px solid rgba(255,79,106,.30);border-radius:50%;color:var(--lr-nav-red);background:rgba(255,79,106,.08);cursor:pointer;font-size:18px;line-height:1}
.lockroad-tools-section{padding:13px 16px 10px;border-bottom:1px solid rgba(255,255,255,.065)}.lockroad-tools-section:last-child{border-bottom:0}.lockroad-tools-section h3{margin:0 0 9px;color:var(--lr-nav-amber);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:900}.lockroad-tool-list{display:grid;gap:8px}.lockroad-tool-link{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:10px 11px;border:1px solid rgba(55,232,255,.13);border-radius:13px;color:var(--lr-nav-text);background:rgba(255,255,255,.025);text-decoration:none}.lockroad-tool-link:hover,.lockroad-tool-link:focus-visible{border-color:var(--lr-nav-line-strong);background:rgba(55,232,255,.06);outline:none}.lockroad-tool-link strong{font-size:12px;letter-spacing:.10em;text-transform:uppercase}.lockroad-tool-link small{grid-column:1/-1;color:var(--lr-nav-muted);font-size:11px;letter-spacing:.035em;line-height:1.35}.lockroad-tool-link em{color:var(--lr-nav-green);font-style:normal;font-size:10px;letter-spacing:.10em;text-transform:uppercase}.lockroad-tool-link[data-kind=data] em{color:var(--lr-nav-cyan)}.lockroad-tool-link[data-kind=admin] em{color:var(--lr-nav-amber)}.lockroad-tools-note{margin:8px 16px 16px;color:var(--lr-nav-muted);font-size:11px;line-height:1.45;letter-spacing:.035em}
@media(max-width:1080px){:root{--lr-nav-height:92px}.lockroad-global-nav{grid-template-columns:1fr auto;grid-template-rows:auto auto;height:var(--lr-nav-height)}.lockroad-nav-brand{min-width:0;border-right:0;padding:4px 8px}.lockroad-nav-actions{grid-column:2;grid-row:1}.lockroad-nav-track{grid-column:1/-1;grid-row:2}}@media(max-width:620px){:root{--lr-nav-gap:8px;--lr-nav-height:104px}.lockroad-global-nav{border-radius:16px;gap:6px}.lockroad-nav-link,.lockroad-nav-button,.lockroad-nav-future{font-size:10px;padding-inline:9px}.lockroad-tools-drawer{right:var(--lr-nav-gap);left:var(--lr-nav-gap);width:auto}}


/* LOCKROAD v4F.11: Route Globe / Route Gen compact top-nav sizing
   Scope is deliberately limited to the common global nav when mounted on the two route pages.
   It does not touch Route Globe controls, Route Generator actions, tables, manual-entry controls, or the Tools drawer content. */
body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav {
  height: var(--lr-nav-height) !important;
  min-height: var(--lr-nav-height) !important;
  max-height: var(--lr-nav-height) !important;
  align-items: center !important;
}

body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-track,
body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-actions,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-track,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-actions {
  align-items: center !important;
  line-height: 1 !important;
}

body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-link,
body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-button,
body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-future,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-link,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-button,
body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-future {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 999px !important;
  font-family: "Rajdhani", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  transform: none !important;
}

@media(max-width:620px){
  body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-link,
  body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-button,
  body[data-lockroad-screen="route-globe"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-future,
  body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-link,
  body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-button,
  body[data-lockroad-screen="route-generator"].lockroad-nav-mounted .lockroad-global-nav .lockroad-nav-future {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding-inline: 9px !important;
    font-size: 10px !important;
  }
}


/* LOCKROAD v4F.11: site-wide nav font normalisation
   Keeps Route Globe / Route Gen visually aligned with the rest of the common nav. */
.lockroad-global-nav .lockroad-nav-link,
.lockroad-global-nav .lockroad-nav-button,
.lockroad-global-nav .lockroad-nav-future {
  font-family: "Rajdhani", "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
}

@media(max-width:620px){
  .lockroad-global-nav .lockroad-nav-link,
  .lockroad-global-nav .lockroad-nav-button,
  .lockroad-global-nav .lockroad-nav-future {
    font-size: 10px !important;
  }
}