.pwa-banner[hidden]{display:none}
.pwa-banner{position:fixed;z-index:100;right:1rem;bottom:1rem;display:flex;align-items:center;gap:1rem;width:min(560px,calc(100% - 2rem));padding:1rem 1.1rem;border:1px solid #d3dfd4;border-radius:14px;background:#fffdf8;color:#1b352b;box-shadow:0 16px 48px #12281d35}
.pwa-banner-copy{flex:1;min-width:0}.pwa-banner-copy strong{display:block;margin-bottom:.2rem}.pwa-banner-copy span{display:block;color:#63766a;font-size:.83rem;line-height:1.4}
.pwa-banner-actions{display:flex;align-items:center;gap:.5rem}.pwa-banner button{white-space:nowrap}.pwa-dismiss{padding:.6rem!important;background:transparent!important;color:#4d6357!important}
.app-sidebar-version{display:flex;justify-content:space-between;align-items:baseline;padding:0 12px 12px;color:#fff;font-size:.88rem;font-weight:750}.app-sidebar-version small{color:#c3d7c8;font-size:.72rem;font-weight:500}
.login-version{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);color:#4e6658;font-size:.82rem}.login-version strong{color:#173b31}
@media(max-width:520px){.pwa-banner{right:.5rem;bottom:.5rem;width:calc(100% - 1rem);align-items:flex-start;flex-wrap:wrap}.pwa-banner-actions{width:100%;justify-content:flex-end}.pwa-banner-copy{flex-basis:100%}}