/* ---------- components/footer/footer.css ---------- */
/* ===== footer =====
   Small credit line at the bottom of the page: logo (embedded PNG), name, version, and the import / export icons. */
.ft{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;padding:12px 0 2px;border-top:1px solid var(--line);color:var(--mute)}
/* logo, name + version and the two icons share one height (30px) and one centre line */
.ft img{width:30px;height:30px;flex:none;border-radius:7px;display:block}
.ft-t{display:flex;flex-direction:column;justify-content:center;height:30px;min-width:0}
.ft b{display:block;font-size:13px;line-height:16px;font-weight:600;color:var(--accent);white-space:nowrap}
.ft small{display:block;font-size:11px;line-height:14px;white-space:nowrap}
.ft-io{display:flex;align-items:center;gap:2px;height:30px;margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}
.ft-b{width:30px;height:30px;padding:0;border-radius:50%;background:none;color:var(--mute);display:flex;align-items:center;justify-content:center}
.ft-b:hover{background:var(--card);color:var(--text)}
.ft-b.on{background:var(--accent);color:var(--bg)}
body[data-book="alt"] .ac-share{display:none}   /* customer statement links stay on the main ledger */
body.pub #bookBtn,body.pub #zkBtn{display:none}
/* lock screen: the two icons go away and the footer sits in the header's right corner */
body.locked .ft-io,
body.locked #lockBtn {
  display: none !important;
}
.top .ft{order:4;flex:none;margin:0 0 0 10px;padding:0;border-top:0;gap:8px;text-align:right}
.top .ft img{width:24px;height:24px}
.top .ft .ft-t{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.top .ft .ft-t b{font-size:12px}
.top .ft .ft-t small{font-size:10px}
/* phone: logo + name on the first line, the six icons on their own centred line below (they no longer run off the screen), bigger tap targets.
   Not on the lock screen, where the footer sits in the header's corner. */
@media (max-width:560px){
  body:not(.locked) .ft{flex-wrap:wrap;gap:8px 10px;padding:12px 8px calc(6px + env(safe-area-inset-bottom,0px))}
  body:not(.locked) .ft-io{flex:0 0 100%;justify-content:center;gap:8px;height:auto;margin-left:0;padding-left:0;border-left:0}
  body:not(.locked) .ft-io .ft-b{width:42px;height:42px}
}