/* PWA install prompt
   Moved out of public/js/pwa-install.js (2026-07-25): CSP style-src-elem no longer allows
   JS-injected <style> elements, which blocks CSS-selector data exfiltration via
   injected stylesheets. Load this file with a <link> on any page using the module. */

[data-pwa-install][hidden] {
    display:none !important}
.pwa-steps-card {
    position:fixed;
    left:16px;
    right:16px;
    bottom:20px;
    z-index:100000;
    max-width:420px;
    margin:0 auto;
    background:#252525;
    border:1px solid #333333;
    border-radius:12px;
    padding:16px;
    display:none;
    gap:12px;
    align-items:flex-start;
    box-shadow:0 12px 40px rgba(0,0,0,.5);
    font-family:inherit;
}
.pwa-steps-card.is-shown {
    display:flex;
}
.pwa-steps-card-text {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.pwa-steps-card-text strong {
    color:#FFFFFF;
    font-size:0.95rem;
}
.pwa-steps-card-text span {
    color:#A0A0A0;
    font-size:0.85rem;
    line-height:1.45;
}
.pwa-steps-card-close {
    background:none;
    border:none;
    color:#A0A0A0;
    font-size:1rem;
    line-height:1;
    cursor:pointer;
    padding:2px 4px;
}
.pwa-steps-card-close:hover {
    color:#FFFFFF;
}