/* GCI PWA install UI — ringan, tanpa library eksternal */
.gci-pwa-install-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:14px 0;
}
.gci-pwa-install-btn{
  appearance:none;
  border:0;
  border-radius:12px;
  padding:11px 16px;
  min-height:44px;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  background:#0b3a74;
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  transition:transform .15s ease, opacity .15s ease;
}
.gci-pwa-install-btn:hover{ transform:translateY(-1px); }
.gci-pwa-install-btn:disabled{ cursor:default; opacity:.78; transform:none; }
.gci-pwa-install-btn.is-installed{ background:#e9f6ee; color:#176b36; box-shadow:none; }
.gci-pwa-ios-help{
  max-width:440px;
  padding:10px 12px;
  border-radius:10px;
  background:#f5f7fa;
  color:#243447;
  font-size:.92rem;
  line-height:1.45;
}
.gci-pwa-toast{
  position:fixed;
  z-index:99999;
  left:50%;
  bottom:18px;
  transform:translate(-50%,12px);
  width:min(92vw,520px);
  padding:12px 16px;
  border-radius:12px;
  background:#17324d;
  color:#fff;
  text-align:center;
  box-shadow:0 8px 30px rgba(0,0,0,.2);
  opacity:0;
  transition:opacity .22s ease, transform .22s ease;
}
.gci-pwa-toast.show{ opacity:1; transform:translate(-50%,0); }

@media (max-width:640px){
  .gci-pwa-install-wrap{ align-items:stretch; }
  .gci-pwa-install-btn{
    width:100%;
    max-width:100%;
    padding:12px 14px;
  }
}