/* =========================================================
   РЦОИ · PWA — стили кнопок установки и push
   ========================================================= */

.pwa-install-btn{
  display:none;                 /* показывается только через beforeinstallprompt */
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:12px;
  border:none;
  background:linear-gradient(135deg,#10b981,#06b6d4);
  color:#fff;
  font-size:13.5px;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  box-shadow:0 10px 26px -10px rgba(16,185,129,.5);
  transition:.25s cubic-bezier(.22,1,.36,1);
}
.pwa-install-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px -10px rgba(16,185,129,.65);
}
.pwa-install-btn svg{width:15px;height:15px;flex-shrink:0}

.pwa-push-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text-2);
  font-size:12.5px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  transition:.2s;
}
.pwa-push-btn:hover{border-color:var(--border-2);color:var(--text)}

/* Плавающая кнопка установки (на мобильных) */
@media (max-width:768px){
  .pwa-install-btn{
    position:fixed;
    bottom:96px;
    right:16px;
    z-index:800;
    padding:12px 16px;
  }
}