/* extra.css - mobile sidebar fix (Sign out always reachable), install bar, bars never covered */
@media (max-width: 991.98px) {
  .sidebar.offcanvas-lg { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .side-inner { min-height: auto; padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px)); }
  .side-foot { margin-top: 1rem; }
}
.install-bar { position: fixed !important; top: 0; left: 0; right: 0; z-index: 3000; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem;
  padding: calc(.5rem + env(safe-area-inset-top, 0px)) .75rem .5rem; background: #0a111e; color: #e8eef6; border-bottom: 1px solid #253653; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
.install-bar .install-text { flex: 1 1 200px; font-size: .9rem; }
.install-bar .btn { white-space: nowrap; }

/* header logo tile (uploaded logo or generated placeholder) */
.brand-logo{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border-radius:10px;padding:3px;flex:0 0 auto}
.brand-logo img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px}
.brand-logo-lg{padding:6px;border-radius:16px}