/* shared-install: "Install on your phone" banner (beforeinstallprompt / iOS add-to-home
   fallback). Used by login.html and shell.html — see COMP_REGISTRY.md before duplicating.
   Markup is injected by shared-install.js; this file only styles it. */
#installBanner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(16px);
  width:min(380px,92vw);background:#26272f;border:1px solid rgba(255,255,255,.1);border-radius:12px;
  box-shadow:0 20px 50px rgba(0,0,0,.5);padding:12px 14px;display:none;align-items:center;gap:12px;
  z-index:9999;opacity:0;transition:opacity .2s ease,transform .2s ease;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif}
#installBanner.show{display:flex;opacity:1;transform:translateX(-50%) translateY(0)}
#installBanner .ib-icon{width:40px;height:40px;flex:none;border-radius:10px;overflow:hidden}
#installBanner .ib-icon img{width:100%;height:100%;display:block}
#installBanner .ib-body{flex:1;min-width:0}
#installBanner .ib-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
#installBanner .ib-sub{font-size:11.5px;color:#9a9aa2;line-height:1.4}
#installBanner .ib-actions{display:flex;flex-direction:column;gap:6px;flex:none}
#installBanner button{border:none;border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;
  cursor:pointer;font-family:inherit;white-space:nowrap}
#installBanner .ib-install{background:#0a84ff;color:#fff}
#installBanner .ib-install:hover{background:#2e94ff}
#installBanner .ib-dismiss{background:transparent;color:#8b8b93}
#installBanner .ib-dismiss:hover{color:#fff}