/* Uses CSS vars: --gkpwa-theme / --gkpwa-bg */
#gkpwa-progress { position: fixed; top:0; left:0; width:0%; height:3px;
  background: var(--gkpwa-theme,#163A45); transition: width .3s ease; z-index: 2147483647; }

.pwa-install-btn{ padding:10px 16px;border-radius:12px;border:1px solid #ddd;cursor:pointer;background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.06); color:var(--gkpwa-theme,#163A45); }
.pwa-install-btn[disabled]{opacity:.6;cursor:not-allowed;}

#gkpwa-fab{ position: fixed; left: 16px; bottom: 16px; width: 52px; height: 52px; border-radius: 50%; display: none;
  align-items: center; justify-content: center; background: var(--gkpwa-theme,#163A45); color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.28); z-index: 2147483647; cursor: pointer; }
#gkpwa-fab svg{ width: 26px; height: 26px; fill: currentColor; }
#gkpwa-fab[aria-hidden="true"]{ display:none; }

#gkpwa-offline-banner, #gkpwa-online-banner{
  position: fixed; bottom: 84px; left: 16px; right: 16px; max-width: 360px;
  background: var(--gkpwa-theme,#163A45); color:#fff; padding: 10px 14px; border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.25); z-index: 2147483646; display: none;
}