/* VIMAX PWA — install banner (Android/Windows + iOS instructions). Extracted from Pages/_Host.cshtml. */
#vimax-pwa-banner {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 9999;
    max-width: 420px;
    width: calc(100% - 24px);
    background: #111827;
    color: #fff;
    border-radius: 14px;
    padding: 12px 14px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.35);
    align-items: center;
    gap: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
#vimax-pwa-banner.show { display: flex; }
#vimax-pwa-banner img { width: 44px; height: 44px; border-radius: 9px; flex-shrink: 0; background: #fff; padding: 4px; }
#vimax-pwa-banner .pwa-text { flex: 1; min-width: 0; }
#vimax-pwa-banner .pwa-title { font-weight: 700; font-size: 0.95rem; line-height: 1.2; }
#vimax-pwa-banner .pwa-desc { font-size: 0.82rem; opacity: 0.85; line-height: 1.35; margin-top: 2px; }
#vimax-pwa-banner .pwa-actions { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; }
#vimax-pwa-banner .pwa-btn {
    appearance: none; border: none; border-radius: 8px; padding: 7px 14px;
    font-weight: 700; font-size: 0.85rem; cursor: pointer; white-space: nowrap;
}
#vimax-pwa-banner .pwa-btn-install { background: #fff; color: #111827; }
#vimax-pwa-banner .pwa-btn-dismiss { background: transparent; color: #94a3b8; font-weight: 500; padding: 2px 6px; font-size: 0.8rem; }
#vimax-pwa-banner .pwa-btn-dismiss:hover { color: #e5e7eb; }
@media (max-width: 360px) {
    #vimax-pwa-banner { bottom: 10px; padding: 10px 12px; }
    #vimax-pwa-banner .pwa-desc { display: none; }
}