.links {
  gap: 14px;
}

.links a {
  font-size: 13px;
}

:is(.erp-menu,.site-menu) {
  position: relative;
}

:is(.erp-menu,.site-menu) summary {
  background: var(--blue);
  color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 750;
  list-style: none;
  white-space: nowrap;
}

:is(.erp-menu,.site-menu) summary::-webkit-details-marker {
  display: none;
}

:is(.erp-menu,.site-menu) summary::after {
  content: " ▾";
}

:is(.erp-menu,.site-menu)[open] summary,
:is(.erp-menu,.site-menu) summary:hover {
  background: var(--navy);
  color: #fff;
}

.erp-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 30;
  min-width: 190px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(20, 52, 87, .18);
}

.links .erp-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: var(--navy);
}

.links .erp-dropdown a:hover {
  background: var(--soft);
}

@media (max-width: 850px) {
  :is(.erp-menu,.site-menu),
  :is(.erp-menu,.site-menu) summary,
  .erp-dropdown {
    width: 100%;
  }

  :is(.erp-menu,.site-menu) summary {
    text-align: center;
  }

  .erp-dropdown {
    position: static;
    margin-top: 8px;
    box-shadow: none;
  }
}

.erp-dropdown::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}

:is(.erp-menu,.site-menu) summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;box-sizing:border-box;background:linear-gradient(135deg,#173f7a,#0e294c);border:1px solid #173f7a;box-shadow:0 4px 12px #123e7326;transition:background .18s,box-shadow .18s,transform .18s;touch-action:manipulation}:is(.erp-menu,.site-menu) summary::before{content:"↪";font-size:18px}:is(.erp-menu,.site-menu) summary::after{content:"▾";transition:transform .18s}:is(.erp-menu,.site-menu)[open] summary::after{transform:rotate(180deg)}:is(.erp-menu,.site-menu)[open] summary{background:#0e294c;box-shadow:0 0 0 3px #dce8f7}:is(.erp-menu,.site-menu) summary:focus-visible,.links .erp-dropdown a:focus-visible{outline:3px solid #d5aa45;outline-offset:3px}.links .erp-dropdown a{min-height:44px;box-sizing:border-box;display:flex;align-items:center;transition:background .18s,color .18s,padding-left .18s}.erp-dropdown::before{pointer-events:none}@media(hover:hover) and (pointer:fine){:is(.erp-menu,.site-menu) summary:hover{background:#205394;box-shadow:0 7px 18px #123e7333;transform:translateY(-1px)}.links .erp-dropdown a:hover{background:#edf3fb;color:#173f7a;padding-left:16px}}@media(prefers-reduced-motion:reduce){:is(.erp-menu,.site-menu) summary,:is(.erp-menu,.site-menu) summary::after,.links .erp-dropdown a{transition:none}}

.site-menu summary{background:transparent;color:var(--navy);box-shadow:none;border:0}.site-menu summary::before{display:none}.site-menu[open] summary,.site-menu summary:hover{background:#eef3fb;color:#173f7a;box-shadow:none;transform:none}.site-menu .erp-dropdown{min-width:220px}

/* Keep menus above page tables and map embeds, with an in-flow mobile dropdown. */
.nav{z-index:1000;isolation:isolate}.nav-inner{position:relative;overflow:visible}.links{z-index:1001}.erp-dropdown{z-index:1002}.skip-link{z-index:1100}@media(min-width:1101px){.links{flex-wrap:nowrap}.nav-inner{gap:16px}.links{gap:4px}}@media(max-width:1100px){.nav-inner{position:static}.links{top:100%;max-height:calc(100dvh - 90px);overscroll-behavior:contain}.erp-dropdown{position:static;min-width:0}.erp-dropdown:before{display:none}}

/* Phone access: place the existing ERP menu beside the navigation toggle. */
.nav .erp-menu .erp-dropdown a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 12px;color:var(--navy);text-decoration:none;border-radius:7px;font-size:14px;font-weight:650}
.nav .erp-menu .erp-dropdown a:hover{background:#edf3fb}
@media(max-width:1100px){
 .nav .nav-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:82px}
 .nav .nav-inner>.brand{min-width:0;gap:8px}
 .nav .nav-inner>.brand img{width:42px;height:42px;flex-shrink:0}
 .nav .nav-inner>.brand span{min-width:0}
 .nav .nav-inner>.brand b{font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 .nav .nav-inner>.brand small{font-size:9px;letter-spacing:1px}
 .nav .nav-inner>.erp-menu{position:static;width:auto;min-width:0}
 .nav .nav-inner>.erp-menu>summary{width:auto;min-height:44px;padding:9px 10px;font-size:12px;gap:5px}
 .nav .nav-inner>.erp-menu>summary::before{display:none}
 .nav .nav-inner>.erp-menu>.erp-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:auto;width:min(320px,100%);min-width:0;max-height:calc(100dvh - 180px);overflow:auto;box-sizing:border-box;margin:0;padding:8px;box-shadow:0 14px 35px #123e7326}
 .nav .nav-inner>.menu{display:block;width:40px;min-height:44px;padding:0;justify-self:end}
 .nav .nav-inner>.links{position:absolute;top:100%;left:0;right:0;width:auto;min-width:0;box-sizing:border-box;max-height:calc(100dvh - 160px);overflow:auto;padding:16px;gap:8px;align-items:stretch;flex-direction:column}
 .nav .nav-inner>.links.open{display:flex;flex-direction:column;align-items:stretch}
 .nav .nav-inner>.links>a{display:block;min-height:44px;padding:10px 12px;box-sizing:border-box}
 .nav .nav-inner>.links>.site-menu{width:100%;min-width:0}
 .nav .nav-inner>.links>.site-menu>summary{justify-content:space-between;text-align:left}
 .nav .nav-inner>.links .erp-dropdown{position:static;width:100%;min-width:0;box-sizing:border-box}
}
@media(max-width:360px){.nav .nav-inner{gap:6px}.nav .nav-inner>.brand img{width:32px;height:32px}.nav .nav-inner>.brand b{font-size:10px}.nav .nav-inner>.brand small{font-size:8px}.nav .nav-inner>.erp-menu>summary{padding:8px;font-size:11px}}