/* Header dropdown panels (partials/header.html): Portals, Integrations and
   Resources share one panel and one row: an icon tile in the row's colour, the
   name, and a one-line summary. Loaded from the partial, so it comes after
   every page's own nav rules and wins ties. */
.nm-supplier{--nm:#A78BFA;--nm-l:#5B21B6}
.nm-broker,.nm-customer{--nm:#F59E0B;--nm-l:#8A4700}
.nm-carrier{--nm:#10B981;--nm-l:#047857}
.nm-int{--nm:#F59E0B;--nm-l:#8A4700}
.nav-dd>.nav-menu.nm{position:absolute;top:calc(100% + 34px);left:50%;transform:translateX(-50%);z-index:150;width:340px;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:var(--s1);border:1px solid var(--bdr);animation:nm-in .14s ease-out}
@keyframes nm-in{from{opacity:0;transform:translate(-50%,-4px)}}
@media (prefers-reduced-motion:reduce){.nav-dd>.nav-menu.nm{animation:none}}
.nav-dd>.nm>a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;min-height:0;padding:10px 12px;border-radius:8px;text-decoration:none;text-transform:none;letter-spacing:0;white-space:normal;color:var(--txt,var(--ink));transition:background-color .15s}
.nav-dd>.nm>a:hover,.nav-dd>.nm>a:focus-visible{background:color-mix(in srgb,var(--nm) 10%,transparent);color:var(--txt,var(--ink))}
.nav-dd>.nm>a:focus-visible{outline:2px solid var(--nm);outline-offset:-2px}
.nm-ic{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--nm);background:color-mix(in srgb,var(--nm) 14%,transparent)}
.nav-dd .nm-ic .ic{width:18px;height:18px;color:inherit;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nm-txt{font-family:'Barlow',system-ui,sans-serif;display:flex;flex-direction:column;gap:2px;min-width:0}
.nm-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;color:var(--txt,var(--ink))}
.nm-sub{font-size:12.5px;font-weight:400;line-height:1.35;color:var(--sub)}
.nav-dd>.nm>a[aria-current=page] .nm-name{color:var(--nm)}
.nav-dd>.nm>a[aria-current=page] .nm-name::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:currentColor;vertical-align:2px}
body.light-mode .nm-ic{color:var(--nm-l);background:color-mix(in srgb,var(--nm-l) 10%,transparent)}
body.light-mode .nav-dd>.nm>a[aria-current=page] .nm-name{color:var(--nm-l)}
body.light-mode .nav-dd>.nm>a:hover,body.light-mode .nav-dd>.nm>a:focus-visible{background:color-mix(in srgb,var(--nm-l) 7%,transparent)}
/* Integrations: two columns of rows, then a footer row of text links. */
.nav-dd>.nav-menu.nm-wide{width:620px;display:grid;grid-template-columns:1fr 1fr}
.nm-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:4px;padding:10px 12px 4px;border-top:1px solid var(--bdr)}
.nm-foot a{font-family:'Barlow',system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--sub);text-decoration:none}
.nm-foot a::after{content:' \2192'}
.nm-foot a:hover,.nm-foot a:focus-visible{color:var(--txt)}