/* Instalacja aplikacji (PWA): przycisk przy dzwonku i strona w Ustawieniach. */
#seafix-demo #sf-install-app { position:relative; display:grid; place-items:center; flex:none; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:12px; background:transparent; color:var(--sf-heading); font:inherit; cursor:pointer; }
#seafix-demo #sf-install-app > svg { width:23px!important; height:23px!important; stroke-width:1.7; }
#seafix-demo #sf-install-app > span { display:none; }
#seafix-demo #sf-install-app:focus-visible { outline:2px solid var(--sf-heading); outline-offset:-2px; }
#seafix-demo #sf-install-app[hidden], #seafix-demo.is-logged-out #sf-install-app { display:none; }
@media (min-width:1000px) {
  #seafix-demo #sf-install-app { display:inline-flex; align-items:center; gap:8px; width:auto; padding:0 12px; font-size:14px; font-weight:500; white-space:nowrap; }
  #seafix-demo #sf-install-app > svg { width:20px!important; height:20px!important; }
  #seafix-demo #sf-install-app > span { display:inline; }
}
/* Telefon: ten sam rozmiar co dzwonek (fyv-mobile-header.css). */
@media (max-width:479px) { #seafix-demo.sf-phone-header .sf-topbar #sf-install-app { width:40px; min-width:40px; } }
@media (max-width:370px) { #seafix-demo.sf-phone-header .sf-topbar #sf-install-app { width:36px; min-width:36px; } }
@media (max-width:479px) { #seafix-demo.fv-on-fleet .sf-topbar #sf-install-app { width:36px; min-width:36px; } }
@media (max-width:370px) { #seafix-demo.fv-on-fleet .sf-topbar #sf-install-app { width:32px; min-width:32px; } }

#seafix-demo .sf-pwa-logo { border-radius:10px; }
#seafix-demo .sf-pwa-steps { list-style:none; margin:0 24px; padding:0; border-top:1px solid var(--sf-settings-line); }
#seafix-demo .sf-pwa-steps li { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--sf-settings-line); color:var(--sf-settings-ink); font-size:14px; }
#seafix-demo .sf-pwa-steps li:last-child { border-bottom:0; }
#seafix-demo .sf-pwa-steps li > b { display:grid; place-items:center; flex:none; width:24px; height:24px; border:1px solid var(--sf-settings-line); border-radius:50%; color:var(--sf-settings-muted); font-size:12px; font-weight:500; }
#seafix-demo .sf-pwa-steps li > svg { flex:none; width:18px!important; height:18px!important; margin-left:auto; color:var(--sf-settings-muted); }
#seafix-demo .sf-pwa-actions { display:flex; justify-content:flex-end; padding:0 24px 24px; }
#seafix-demo .sf-pwa-note { margin:0; padding:14px 24px 22px; border-top:1px solid var(--sf-settings-line); }
#seafix-demo .sf-pwa-note:has(+ .sf-pwa-note) { padding-bottom:8px; }
#seafix-demo .sf-pwa-note + .sf-pwa-note { padding-top:0; border-top:0; }
@media (max-width:999px) {
  #seafix-demo .sf-pwa-steps { margin:0 20px; }
  #seafix-demo .sf-pwa-actions { padding:0 20px 20px; }
  #seafix-demo .sf-pwa-note { padding-inline:20px; }
}

/* Decyzja właściciela 24.10: na małych telefonach bez ikonki (nie obcina nazwy FixYourVessel). */
@media (max-width:389px) { #seafix-demo #sf-install-app { display:none; } }
#seafix-demo #sf-install-app.is-squeezed { display:none; }
/* Kalendarz przejmuje górny panel na swoje przyklejone przyciski — instalacja zostaje w menu i Ustawieniach. */
#seafix-demo.sf-cal-actions-ready #sf-install-app { display:none; }