/* PWA Install Banner - Faza 1 / Plan 15 */
#pwa-install-banner {
    position: fixed;
    left: 50%;
    bottom: max(1rem, env(safe-area-inset-bottom));
    transform: translate(-50%, 120%);
    display: flex; align-items: center; gap: .8rem;
    width: min(460px, calc(100vw - 2rem));
    background: #16233f;
    border: 1px solid rgba(96,165,250,.3);
    border-radius: 1rem;
    padding: .8rem 1rem;
    box-shadow: 0 12px 36px rgba(0,0,0,.5);
    z-index: 10001;
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
}
#pwa-install-banner.visible {
    transform: translate(-50%, 0);
    opacity: 1;
}
.pwa-banner-text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pwa-banner-text strong { color: #F1F5F9; font-size: .92rem; }
.pwa-banner-text span { color: #94A3B8; font-size: .78rem; }
.pwa-btn-accept {
    background: #3B82F6; color: #fff; border: none;
    padding: .5rem .9rem; border-radius: .6rem;
    font-weight: 600; font-size: .85rem; cursor: pointer;
}
.pwa-btn-accept:hover { background: #2563EB; }
.pwa-btn-close {
    background: transparent; border: none; color: #64748B;
    font-size: 1rem; cursor: pointer; padding: .25rem;
}