/* Etapa 7 · Barra Vortex: endereço vortex://, voltar/avançar e abas em órbita */
.vbar{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:4px;width:clamp(240px,calc(100vw - 340px),460px);padding:5px;border-radius:999px;background:linear-gradient(160deg,rgba(255,246,232,.045),rgba(255,246,232,.012));border:1px solid rgba(255,236,214,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .7s .25s,border-color .4s,box-shadow .4s}
body.vortex .vbar{opacity:1;pointer-events:auto}
body.closing .vbar{opacity:0;pointer-events:none;transition-delay:0s}
.vbar:focus-within{border-color:rgba(255,185,121,.35);box-shadow:0 0 30px rgba(255,170,90,.08)}
.vb{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#6d6870;transition:color .3s,background .3s,opacity .3s}
.vb svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vb:hover,.vb:focus-visible{color:#fff1df;background:rgba(255,236,214,.05)}
.vb:disabled{opacity:.28;cursor:default;background:none;color:#6d6870}
.vglyph{flex:none;width:14px;height:14px;border-radius:50%;margin:0 2px 0 6px;background:#0a0a0c;box-shadow:inset 0 0 0 1px rgba(214,140,80,.45);display:grid;place-items:center}
.vglyph::after{content:"";width:6px;height:1.5px;border-radius:1px;background:#3d3b42}
#addr{flex:1;min-width:0;background:none;border:0;outline:none;color:#9a9288;font:400 12px var(--f-mono);letter-spacing:.04em;padding:6px 4px;text-overflow:ellipsis}
#addr:focus{color:var(--bone)}
#addr::placeholder{color:#4d4952}
#tabsOrb{position:absolute;inset:0;pointer-events:none;transform-origin:50% 50%;transition:transform .95s cubic-bezier(.6,0,.9,.4),opacity .95s}
body.closing #tabsOrb{transform:rotate(-140deg) scale(.08);opacity:0}
.tchip{position:absolute;left:0;top:0;z-index:5;pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 7px;border-radius:999px;max-width:230px;background:linear-gradient(160deg,rgba(255,246,232,.05),rgba(255,246,232,.014));border:1px solid rgba(255,236,214,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.4);font:400 11.5px var(--f-mono);color:#7d766f;white-space:nowrap;transition:color .3s,border-color .3s,box-shadow .3s,opacity .45s}
.tchip a{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center;gap:8px}
.tchip a b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:500 10px var(--f-mono);color:#a39c94;background:rgba(255,255,255,.035);border:1px solid rgba(255,236,214,.07)}
.tchip a span{overflow:hidden;text-overflow:ellipsis}
.tchip .tx{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#4f4b54;font-size:14px;line-height:1;transition:color .3s,background .3s}
.tchip .tx:hover,.tchip .tx:focus-visible{color:#ffb979;background:rgba(255,236,214,.05)}
.tchip:hover,.tchip:focus-within{color:#e6ddd0;border-color:rgba(255,185,121,.35);box-shadow:0 0 24px rgba(255,170,90,.12),0 8px 24px rgba(0,0,0,.4)}
.tchip.out{opacity:0}
#stage.open #tabsOrb .tchip{opacity:.35}
@media (max-width:599px){
 .vbar{top:calc(env(safe-area-inset-top,0px) + 58px);width:calc(100vw - 32px)}
 #tabsOrb{position:fixed;inset:auto 16px auto 16px;top:calc(env(safe-area-inset-top,0px) + 104px);display:flex;justify-content:flex-start;gap:6px;overflow-x:auto;scrollbar-width:none;pointer-events:auto}
 #tabsOrb::-webkit-scrollbar{display:none}
 #tabsOrb .tchip{position:static;flex:none;max-width:140px;padding:5px 5px 5px 6px;font-size:10.5px}
 #stage.open #tabsOrb{opacity:0;pointer-events:none}
}