/* PWA Install Modal Styles */
#pwaInstallModal {
    animation: slideInFromRight 0.3s ease-out;
    z-index: 2147483648 !important;
}

#pwaInstallModal .min-h-screen {
    animation: slideInFromRight 0.3s ease-out;
    font-family: inherit;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideInFromRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #pwaInstallModal .max-w-md {
        max-width: calc(100vw - 2rem);
    }
}

/* Desktop viewport adjustments */
@media (min-width: 768px) {
    #pwaInstallModal .h-screen {
        height: 100vh;
        max-height: 100vh;
    }
}

/* Ensure modal appears above everything */
#pwaInstallModal {
    position: fixed !important;
    z-index: 2147483648 !important;
}

/* Theme-aware button hover effects */
#pwaInstallModal button {
    font-family: inherit !important;
}