.pwa-card { padding: 18px; border-radius: 22px; border: 1px solid var(--line); background: var(--solid); box-shadow: 0 6px 22px -16px var(--ink); }
.pwa-card-head { display: flex; align-items: center; gap: 12px; }
.pwa-emblem { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; flex: none; color: #fff; background: linear-gradient(140deg, var(--lv-strong), var(--lv-deep)); }
.pwa-emblem svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pwa-card h4 { font: 700 .85rem var(--f-display); letter-spacing: -.025em; margin: 0 0 5px; }
#pwaBadge { display: inline-flex; align-items: center; gap: 5px; font-size: .76rem; font-weight: 700; color: var(--muted); }
#pwaBadge::before { content: ''; width: 6px; height: 6px; background: var(--lv-strong); border-radius: 50%; }
.pwa-actions { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; }
.pwa-actions .btn { min-height: 46px; padding: 10px 14px; font-size: .83rem; line-height: 1.3; border-radius: 14px; box-shadow: none; text-align: center; text-decoration: none; }
.pwa-actions .btn svg { width: 18px; height: 18px; flex: none; }
#pwaCheck { background: var(--ink); color: var(--solid); border-color: transparent; font-weight: 700; }
#pwaCheck:disabled { opacity: .8; }
.pwa-card[data-state="checking"] #pwaCheck svg { animation: pwa-spin .8s linear infinite; }
#pwaUpdate { color: #fff; background: var(--lv-strong); border-color: transparent; font-weight: 700; }
#pwaRecover { background: var(--bg); }
.pwa-help, #pwaStatus { color: var(--muted); font-size: .8rem; line-height: 1.5; margin: 12px 0 0; text-align: left; }
#pwaVersion { margin: 12px 0 0; font-size: .66rem; letter-spacing: .06em; color: var(--muted); font-variant-numeric: tabular-nums; }
.pwa-card[data-state="error"] #pwaBadge, .pwa-card[data-state="auth"] #pwaBadge { color: var(--lv-strong); }
@keyframes pwa-spin { to { transform: rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .pwa-card[data-state="checking"] #pwaCheck svg { animation: none; } }