/* Карточки PWA (pwa.js): «Доступна новая версия» и «Установите Company Brain». Внизу справа, чтобы не
   спорить с тостом по центру; одна на экране. */
.pwa-card{position:fixed;right:20px;bottom:20px;z-index:60;width:min(380px,calc(100vw - 40px));box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:16px 16px 14px;border-radius:14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 50px #1d1b2a26,0 2px 6px #1d1b2a12;font-size:13px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
.pwa-card.on{opacity:1;transform:none}
.pwa-mark{grid-row:span 2;width:40px;height:40px}
.pwa-mark img{display:block;width:40px;height:40px}
.pwa-copy{display:flex;flex-direction:column;gap:2px;padding-right:18px;min-width:0}
.pwa-copy b{font-size:14px;font-weight:600;color:var(--ink)}
.pwa-copy span{color:var(--muted)}
.pwa-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.pwa-actions button{font:inherit;font-size:13px;font-weight:500;height:32px;padding:0 14px;border-radius:8px;cursor:pointer;border:1px solid transparent}
.pwa-primary{background:var(--accent);color:#fff}
.pwa-primary:hover{filter:brightness(1.08)}
.pwa-secondary{background:none;color:var(--muted);border-color:var(--line)!important}
.pwa-secondary:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.pwa-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border:0;border-radius:7px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.pwa-close:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.pwa-card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pwa-card{transition:none}}