.ecosystem-menu{position:relative}
.ecosystem-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.055);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;user-select:none;white-space:nowrap}
.ecosystem-menu>summary::-webkit-details-marker{display:none}
.ecosystem-menu>summary:hover{border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.ecosystem-menu[open]>summary{border-color:rgba(110,168,254,.38);background:rgba(110,168,254,.1)}
.ecosystem-popover{position:absolute;right:0;top:46px;width:min(390px,calc(100vw - 28px));padding:9px;border:1px solid var(--line);border-radius:15px;background:#101827;box-shadow:var(--shadow);z-index:80}
.ecosystem-title{padding:6px 8px 8px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ecosystem-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:11px;color:var(--text);text-decoration:none}
.ecosystem-link:hover{background:rgba(255,255,255,.055)}
.ecosystem-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(110,168,254,.08);font-size:15px}
.ecosystem-link strong{display:block;font-size:12px}
.ecosystem-link small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.ecosystem-open{color:#64748b;font-size:14px}
@media(max-width:1100px){.ecosystem-menu>summary .ecosystem-label{display:none}.ecosystem-menu>summary{width:38px;justify-content:center;padding:0}.ecosystem-popover{right:0}}
@media(max-width:560px){.ecosystem-popover{position:fixed;top:62px;right:10px;left:10px;width:auto}}