.brand-lockup { display: inline-flex; align-items: center; gap: .65rem; }
.brand-mark { width: 34px; height: 34px; object-fit: contain; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,.25); background: transparent; }
.brand-mark-nav { width: 40px; height: 40px; }
.sidebar-logo { display: inline-flex; align-items: center; gap: .65rem; }
.sidebar-logo-text, .footer-logo-text { font-family: var(--font-heading); }
.footer-logo { display: inline-flex; align-items: center; gap: .7rem; }
.connection-banner { position: fixed; top: 1rem; left: 50%; transform: translate(-50%, -130%); z-index: 1200; padding: .8rem 1rem; border-radius: 999px; background: rgba(26,30,53,.96); border: 1px solid var(--border2); color: var(--gold-light); transition: transform .25s ease; box-shadow: 0 12px 30px rgba(0,0,0,.3); }
.connection-banner.visible { transform: translate(-50%, 0); }
.connection-banner.offline { color: var(--teal); border-color: rgba(91,196,196,.3); }