/* nav.css: the main menu Products dropdown, for pages that do not load site.css (it reads the page tokens). */
/* the main menu's Products dropdown (the AgentMesh Suite) */
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border:0;background:none;font:inherit;font-size:.94rem;color:var(--muted);cursor:pointer}
.dd-btn:hover,.dd.open .dd-btn{color:var(--fg)}
.dd-btn svg{transition:transform .2s}.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 12px);left:-18px;width:330px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 48px -28px rgba(0,0,0,.4);display:none;flex-direction:column;gap:4px;z-index:60}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd.open .dd-menu{display:flex}
.dd-h{margin:2px 8px 6px;font-family:var(--mono);font-stretch:87.5%;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nav .dd-menu a::after{display:none}
.nav .dd-i{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;color:var(--fg);white-space:normal}
.nav .dd-i:hover{background:var(--surface-2)}
.dd-i .prod-ico{flex:none;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#0D1B1E}
.dd-i .prod-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dd-i.pc .prod-ico{background:var(--mint,#43D6A6)}.dd-i.pa .prod-ico{background:var(--amber,#F2A93B)}.dd-i.pb .prod-ico{background:var(--blue,#3563D9);color:#fff}
.dd-i b{display:block;font-weight:600;font-size:.98rem}
.dd-i small{display:block;color:var(--muted);font-size:.85rem}
.nav .dd-all{margin:6px 8px 2px;padding-top:10px;border-top:1px solid var(--line);color:var(--fg);font-weight:600;font-size:.9rem}
@media (max-width:620px){.dd-menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 104px);left:16px;right:16px;width:auto}.dd-menu::before{display:none}}