/* Shared navigation; retain the existing product colors and theme. */
.app-topbar{display:flex;align-items:center;gap:20px;min-height:80px;padding:12px 28px;border-bottom:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);color:var(--text,#334155);position:relative;z-index:60;flex-shrink:0}
.app-topbar__brand{display:flex;align-items:center;flex-shrink:0;width:100px}.app-topbar__brand img{width:100%;height:auto;max-height:34px}
.app-topbar__navigation{min-width:0}.desktop-navigation,.app-topbar__actions{display:flex;align-items:center;gap:18px}.app-topbar__actions{margin-right:auto;gap:12px;min-width:0}.desktop-navigation>a,.topbar-menu>summary{font-size:13px;font-weight:700;white-space:nowrap}.desktop-navigation>a{padding:12px 4px}.desktop-navigation [aria-current=page]{color:#0f6fec}
.topbar-menu{position:relative}.topbar-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:8px;border-radius:10px}.topbar-menu>summary::-webkit-details-marker{display:none}.topbar-menu[open]>summary{background:var(--primary-soft,#eff6ff);color:#0f6fec}
.topbar-menu__panel{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:0 12px 36px #0f172a20;background:var(--surface,#fff);color:var(--text,#334155);z-index:100}
.topbar-menu__panel>a,.topbar-menu__panel>button{display:flex;align-items:center;min-height:44px;padding:10px;border-radius:8px;text-align:right;font-size:13px;font-weight:700}.topbar-menu__panel>a:hover,.topbar-menu__panel>button:hover{background:var(--primary-soft,#eff6ff)}.topbar-menu__panel>strong{padding:10px;font-size:12px;overflow-wrap:anywhere}.topbar-logout{color:#dc2626}.topbar-account>summary{color:#0f6fec;border:1px solid #dbeafe;border-radius:50%;width:42px;min-height:42px;background:var(--primary-soft,#eff6ff)}.topbar-account .topbar-menu__panel{left:0;right:auto}
.integration-item{display:flex;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:700;min-height:48px}.integration-item img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.integration-item small{margin-right:auto;font-size:10px}.integration-item.is-disabled{opacity:.6}.mobile-navigation{display:none}
.merged-workspace{width:100%;max-width:1200px}.workspace-account{display:flex;align-items:center;gap:30px;padding:18px 22px;margin-bottom:20px;border:1px solid var(--border,#e2e8f0);border-radius:18px;background:var(--surface,#fff)}.workspace-account>div:first-child{margin-left:auto}.workspace-account h1{font-size:18px;font-weight:900}.workspace-account p,.workspace-account span{font-size:12px;color:var(--muted,#64748b);display:block;margin-top:5px}.workspace-account strong{font-size:15px;font-weight:800}.dashboard-workspace{margin-bottom:24px;min-width:0}.workspace-integrations{margin:24px 0}.workspace-integrations h2{font-size:15px;font-weight:800;margin-bottom:12px}.workspace-integrations__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-integrations__grid>.integration-item{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:14px;padding:18px}.workspace-integrations__grid>a:hover{border-color:#0f6fec}
.app-topbar :focus-visible,.topbar-menu__panel :focus-visible{outline:2px solid #0f6fec;outline-offset:3px}.dark .app-topbar,.dark .topbar-menu__panel,.dark .workspace-account,.dark .workspace-integrations__grid>.integration-item{background:var(--surface,#15202b);color:var(--text,#e2e8f0);border-color:var(--border,#2b3a4a)}
@media(max-width:1100px){.desktop-navigation{gap:8px}.app-topbar{gap:12px;padding:12px 18px}.app-topbar__actions{gap:8px}}
@media(max-width:1000px){.desktop-navigation{display:none}.mobile-navigation{display:block}.app-topbar{min-height:68px;padding:10px 12px;gap:8px}.app-topbar__brand{width:86px}.mobile-navigation>summary{font-size:22px;width:40px;padding:4px}.app-topbar__actions{gap:7px}.topbar-menu__panel{position:fixed;top:74px;right:12px;left:auto;width:300px}.topbar-account .topbar-menu__panel{position:fixed;left:12px;right:auto}.workspace-account{gap:16px;flex-wrap:wrap}.workspace-account>div:first-child{width:100%}}
@media(max-width:600px){.app-topbar__actions{gap:6px}.topbar-theme,.topbar-notifications{display:none}.workspace-integrations__grid{grid-template-columns:1fr}.workspace-account{padding:14px}.workspace-account h1{font-size:16px}.workspace-account>div{max-width:100%}.workspace-account strong{overflow-wrap:anywhere}.merged-workspace .recent-activity__table-wrap{overflow-x:auto}}

[data-mobile-actions]{display:flex;gap:12px;align-items:center;padding:8px}.mobile-navigation .topbar-theme,.mobile-navigation .topbar-notifications{display:block}

.topbar-menu:not([open])>.topbar-menu__panel{display:none}
#notifications-dropdown{display:none}#notifications-widget[data-open="true"] #notifications-dropdown{display:block;visibility:visible;opacity:1}
@media(max-width:600px){.app-topbar__brand{width:72px}.topbar-notifications{display:block}.app-topbar__actions{gap:4px}#notifications-dropdown{position:fixed;top:74px;left:12px;right:12px}#notifications-preview{width:100%;max-width:100%}}

#wallet-widget>div:last-child{display:none}#wallet-widget:hover>div:last-child,#wallet-widget:focus-within>div:last-child{display:block}
@media(max-width:600px){#wallet-widget>div:last-child{position:fixed;top:70px;left:12px;right:auto;transform:none;max-width:calc(100vw - 24px)}}

@media(min-width:1280px){.merged-workspace .tool-workbench-form{height:clamp(520px,calc(100vh - 18rem),640px);max-height:640px}.merged-workspace .tool-settings-panel{height:100%;max-height:100%}}

/* Navigation hierarchy: brand / destinations / account tools. */
html body .app-topbar{background:linear-gradient(110deg,#f0f9ff 0%,#fff 42%,#eef2ff 100%)!important;border-bottom-color:#dce6f5;box-shadow:0 6px 24px #234e8810;gap:26px}
.app-topbar::after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf855,#6366f188,#0f6fec55,transparent);pointer-events:none}
.app-topbar__brand{padding-inline-end:20px;border-inline-end:1px solid #b8cde760;width:122px;transition:opacity .18s,transform .18s}.app-topbar__brand:hover{opacity:.82;transform:translateY(-1px)}
.desktop-navigation{gap:6px;padding:4px;border-radius:14px;background:#ffffff70;border:1px solid #ffffffd0;box-shadow:inset 0 1px 0 #fff}
.desktop-navigation>a,.desktop-navigation .topbar-menu>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:10px;color:#52617c;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.topbar-nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.desktop-navigation>a:hover,.desktop-navigation .topbar-menu>summary:hover{color:#0f6fec;background:linear-gradient(135deg,#e0f2fe,#eef2ff);transform:translateY(-1px)}
.desktop-navigation>a[aria-current=page],.desktop-navigation .topbar-menu[open]>summary{color:#1556bd;background:linear-gradient(135deg,#dbeafe,#e0e7ff);box-shadow:inset 0 1px 0 #fff,0 3px 9px #2563eb12}
.desktop-navigation .topbar-menu>summary::after{content:"";width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:3px;transition:transform .18s}.desktop-navigation .topbar-menu[open]>summary::after{transform:rotate(225deg)}
.app-topbar__actions{gap:10px;padding:5px 7px;border-radius:30px;border:1px solid #dce6f380;background:#ffffff90;box-shadow:inset 0 1px 0 #fff}
.app-topbar__actions #wallet-widget,.app-topbar__actions #wallet-widget-slot{order:1}.app-topbar__actions .topbar-notifications{order:2}.app-topbar__actions .topbar-account{order:3}.app-topbar__actions .topbar-theme{order:4;padding-inline-start:8px;border-inline-start:1px solid #dce6f3}
.app-topbar .topbar-account>summary{background:linear-gradient(135deg,#e0f2fe,#e0e7ff);border-color:#c4d9f9;box-shadow:inset 0 1px 0 #fff,0 2px 6px #2563eb10;transition:transform .18s,box-shadow .18s}.app-topbar .topbar-account>summary:hover{transform:translateY(-2px);box-shadow:0 5px 12px #2563eb22}
.topbar-menu[open]>.topbar-menu__panel{animation:topbar-reveal .18s ease-out;transform-origin:top right;border-color:#d5e2f5;box-shadow:0 16px 40px #17386b20,inset 0 1px 0 #fff}.topbar-menu__panel>a,.topbar-menu__panel>button{transition:background .18s,transform .18s}.topbar-menu__panel>a:hover{transform:translateX(-2px)}
@keyframes topbar-reveal{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
html.dark body .app-topbar{background:linear-gradient(110deg,#142838 0%,#15202b 45%,#1d2542 100%)!important;border-color:#344764;box-shadow:0 6px 24px #0003}.dark .app-topbar__brand{border-color:#4b648c66}.dark .desktop-navigation{background:#101d2e66;border-color:#3d52745c;box-shadow:inset 0 1px 0 #ffffff06}.dark .desktop-navigation>a,.dark .desktop-navigation .topbar-menu>summary{color:#b8c6dc}.dark .desktop-navigation>a:hover,.dark .desktop-navigation .topbar-menu>summary:hover{background:linear-gradient(135deg,#173d59,#2a3359);color:#9cd2ff}.dark .desktop-navigation>a[aria-current=page],.dark .desktop-navigation .topbar-menu[open]>summary{background:linear-gradient(135deg,#21486c,#343d71);color:#c1e2ff;box-shadow:inset 0 1px 0 #ffffff12}.dark .app-topbar__actions{background:#0c182959;border-color:#3b527467;box-shadow:inset 0 1px 0 #ffffff08}.dark .app-topbar__actions .topbar-theme{border-color:#3b5274}.dark .app-topbar .topbar-account>summary{background:linear-gradient(135deg,#164467,#333d6c);border-color:#4c6ba7;color:#9cd2ff;box-shadow:inset 0 1px 0 #ffffff12}.dark .topbar-menu[open]>.topbar-menu__panel{border-color:#39516f;box-shadow:0 16px 40px #0005}
@media(max-width:1100px){html body .app-topbar{gap:14px}.desktop-navigation>a,.desktop-navigation .topbar-menu>summary{padding:10px}}
@media(max-width:1000px){html body .app-topbar{gap:8px}.app-topbar__brand{width:86px;padding-inline-end:10px}.app-topbar__actions{padding:3px;gap:5px}.mobile-navigation>summary{border:1px solid #c6d9f066;background:linear-gradient(135deg,#f0f9ff,#e8efff);color:#38649a}.dark .mobile-navigation>summary{background:linear-gradient(135deg,#193b51,#273354);border-color:#425879;color:#b7d9ff}.mobile-navigation .topbar-menu__panel>a{display:flex;gap:8px}}
@media(max-width:600px){.app-topbar__brand{width:72px;padding-inline-end:6px}.app-topbar__actions{gap:3px;padding:2px}.app-topbar__actions .topbar-theme{border:0;padding:0}}
@media(prefers-reduced-motion:reduce){.app-topbar *{animation:none!important;transition:none!important}.app-topbar__brand:hover,.app-topbar .topbar-account>summary:hover,.desktop-navigation>a:hover,.desktop-navigation .topbar-menu>summary:hover,.topbar-menu__panel>a:hover{transform:none}}