/* Wspólna instrukcja instalacji PWA — portal, Kalendarz, Mess */
.pwa-install-guide{
  background:#fff;
  border:1px solid rgba(44,45,72,.1);
  border-radius:14px;
  padding:1rem 1.05rem;
  margin:0 0 1rem;
  box-shadow:0 2px 16px rgba(44,45,72,.05);
}
.pwa-install-guide-title{
  margin:0 0 .35rem;
  font-size:.95rem;
  font-weight:800;
  color:#2C2D48;
}
.pwa-install-guide-lead{
  margin:0 0 .85rem;
  font-size:.82rem;
  color:#5A5480;
  line-height:1.45;
}
.pwa-install-guide-detected-label{
  display:none;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#B352FF;
  margin:0 0 .45rem;
}
.pwa-install-guide[data-ready] .pwa-install-guide-detected-label{display:block}
.pwa-install-guide-panel{
  display:none;
  border:1px solid rgba(44,45,72,.1);
  border-radius:10px;
  padding:.75rem .9rem;
  background:rgba(245,243,255,.65);
}
.pwa-install-guide-panel.is-visible{display:block}
.pwa-install-guide-panel h3{
  margin:0 0 .55rem;
  font-size:.88rem;
  font-weight:700;
  color:#2C2D48;
  font-family:'Outfit',system-ui,sans-serif;
}
.pwa-install-guide-panel ol{
  margin:0;
  padding-left:1.2rem;
  font-size:.82rem;
  color:#5A5480;
  line-height:1.5;
}
.pwa-install-guide-panel li+li{margin-top:.35rem}
.pwa-install-guide-more{
  display:none;
  margin:.75rem 0 0;
  padding:0;
  border:0;
  background:none;
  color:#B352FF;
  font-size:.82rem;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
  text-decoration:underline;
}
.pwa-install-guide[data-ready] .pwa-install-guide-more{display:inline-block}
.pwa-install-guide-alt{
  display:none;
  margin-top:.65rem;
}
.pwa-install-guide-alt.is-open{display:block}
.pwa-install-guide-alt .pwa-install-guide-panel{
  display:block;
  margin-bottom:.5rem;
}
.pwa-install-guide-alt .pwa-install-guide-panel:last-child{margin-bottom:0}
.pwa-install-guide-apps{
  margin:.85rem 0 0;
  padding-top:.75rem;
  border-top:1px solid rgba(44,45,72,.08);
  font-size:.82rem;
  color:#5A5480;
  line-height:1.45;
}
.pwa-install-guide-apps a{color:#B352FF;font-weight:600;text-decoration:none}
.pwa-install-guide-apps a:hover{text-decoration:underline}

html.pwa-standalone .pwa-install-guide,
html.kal-standalone .pwa-install-guide,
html.mess-standalone .pwa-install-guide{display:none!important}

.app-info-page .pwa-install-guide{margin-top:0}
.app-info-card .pwa-install-guide{
  border:0;box-shadow:none;padding:0;margin:0;background:transparent;
}
.mess-auth-card .pwa-install-guide,
.kal-auth-card .pwa-install-guide{margin-bottom:1rem}
.mess-shell .pwa-install-guide{margin-top:1.25rem}