/* ETEA Portal — PWA install bar + iOS sheet */
#pwaInstallBar{
  position:fixed;
  left:0;right:0;bottom:0;z-index:300;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.55) 24%);
  animation:etea-pwa-barin .45s cubic-bezier(.22,1,.36,1) both;
}
@keyframes etea-pwa-barin{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
#pwaInstallBar[hidden]{display:none!important}

.pwa-install-inner{
  display:flex;align-items:center;gap:12px;
  max-width:520px;margin:0 auto;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(14,20,38,.94);
  backdrop-filter:blur(16px);
  box-shadow:0 12px 40px rgba(0,0,0,.45);
}
.pwa-install-inner img{
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(185,28,28,.35);
  object-fit:contain;background:rgba(255,255,255,.04);
  flex-shrink:0;
}
.pwa-install-copy{flex:1;min-width:0}
.pwa-install-copy strong{display:block;font-size:14px;font-weight:800;color:#fff}
.pwa-install-copy small{display:block;font-size:11px;color:#646970;margin-top:2px;line-height:1.35}
#pwaInstallBtn{
  flex-shrink:0;border:none;border-radius:12px;
  padding:10px 14px;min-height:44px;
  background:linear-gradient(135deg,#b91c1c,#dc2626);
  color:#fff;font-weight:700;font-size:13px;
  cursor:pointer;font-family:inherit;
}
#pwaInstallDismiss{
  flex-shrink:0;width:36px;height:36px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:transparent;color:rgba(255,255,255,.65);
  cursor:pointer;font-size:18px;line-height:1;
}

#pwaIosSheet{
  position:fixed;inset:0;z-index:400;
  display:flex;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.55);
  padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
  opacity:0;transition:opacity .25s ease;
}
#pwaIosSheet[hidden]{display:none!important}
#pwaIosSheet.open{opacity:1}
.pwa-ios-card{
  width:100%;max-width:420px;
  background:rgba(14,20,38,.98);
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px 20px 16px 16px;
  padding:20px;
  transform:translateY(16px);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
#pwaIosSheet.open .pwa-ios-card{transform:none}
.pwa-ios-card h3{margin:0 0 8px;font-size:18px;color:#fff}
.pwa-ios-card p{margin:0 0 12px;font-size:13px;color:rgba(255,255,255,.65);line-height:1.5}
.pwa-ios-steps{margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:rgba(255,255,255,.78)}
#pwaIosClose{
  margin-top:16px;width:100%;min-height:46px;border:none;border-radius:12px;
  background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer;
}

html.is-pwa #pwaInstallBar{display:none!important}

@media(max-width:900px){
  body:not(.is-pwa){padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}
}