/* AORE PWA — banner de instalação (público) */
.aore-pwa-install{
  position:fixed;
  left:50%;
  bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  transform:translateX(-50%) translateY(16px);
  width:min(calc(100% - 20px), 520px);
  z-index:160;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.aore-pwa-install.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.aore-pwa-install__inner{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(47,74,56,.12);
  box-shadow:0 16px 40px rgba(15,23,42,.14);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
}

html[data-theme='dark'] .aore-pwa-install__inner{
  background:rgba(18,24,20,.88);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}

.aore-pwa-install__copy{
  display:grid;
  gap:4px;
  min-width:0;
}

.aore-pwa-install__copy strong{
  font-size:.95rem;
  color:var(--olive, #2f4a38);
  letter-spacing:-.01em;
}

html[data-theme='dark'] .aore-pwa-install__copy strong{
  color:#eef5f0;
}

.aore-pwa-install__copy span{
  font-size:.8rem;
  line-height:1.4;
  color:var(--text-soft, #55665c);
}

.aore-pwa-install__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.aore-pwa-install__btn{
  appearance:none;
  border:1px solid rgba(47,74,56,.14);
  background:rgba(47,74,56,.06);
  color:var(--olive, #2f4a38);
  border-radius:999px;
  min-height:42px;
  padding:0 14px;
  font:700 .82rem/1 var(--font-ui, system-ui, sans-serif);
  cursor:pointer;
}

.aore-pwa-install__btn--primary{
  background:linear-gradient(180deg,#3d624b,#2f4a38);
  border-color:transparent;
  color:#fff;
}

html[data-theme='dark'] .aore-pwa-install__btn{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
  color:#e8f0ea;
}

html[data-theme='dark'] .aore-pwa-install__btn--primary{
  background:linear-gradient(180deg,#6ea48a,#4e7d69);
  color:#08100c;
}

@media (max-width:1023px){
  .aore-pwa-install{
    bottom:calc(84px + env(safe-area-inset-bottom, 0px));
  }
}

@media (min-width:640px){
  .aore-pwa-install__inner{
    grid-template-columns:1fr auto;
    align-items:center;
  }
}