/* Уведомление PWA использует исходную палитру, не меняя вёрстку карточки и канбана. */
/* Компактная установка справа в обычном футере; поверх канбана нет дублирующей кнопки. */
.app__footer.app__footer--pwa { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; padding:4px 12px; min-height:32px; box-sizing:border-box; }
.app__footer--pwa > span, .app__footer--pwa > .app__version { grid-column:2; grid-row:1; }
/* Служебная подпись версии не должна накрывать кнопку справа в футере. */
.app__footer--pwa ~ .leval-version-stamp { bottom:36px; }
.app__install-btn[data-pwa-install] { grid-column:3; justify-self:end; display:inline-flex; align-items:center; justify-content:center; width:auto; height:24px; gap:4px; padding:0 7px; border:1px solid var(--border,#d8dfec); background:transparent; color:var(--text,#1b2d5c); cursor:pointer; white-space:nowrap; border-radius:5px; font:inherit; font-size:11px; }
.app__install-btn[data-pwa-install][hidden] { display:none!important; }
.app__install-btn:focus-visible { outline:2px solid var(--accent,#f15a22); outline-offset:2px; }
@media(max-width:600px) { .app__footer.app__footer--pwa { grid-template-columns:1fr auto; } .app__footer--pwa > span, .app__footer--pwa > .app__version { grid-column:1; } .app__footer--pwa .app__install-btn { grid-column:2; } }
.leval-install { position:fixed; z-index:9000; right:20px; bottom:20px; box-sizing:border-box; font:14px/1.45 "Segoe UI",Arial,sans-serif; }
.leval-install { display:flex; align-items:flex-start; gap:14px; width:390px; max-width:calc(100vw - 24px); padding:18px; background:var(--panel,var(--card,#fff)); color:var(--text,#1b2d5c); border:1px solid var(--border,#d8dfec); border-radius:12px; box-shadow:0 8px 32px #1b2d5c26; }
.leval-install[hidden] { display:none!important; }
.leval-install img { border-radius:10px; flex-shrink:0; }
.leval-install strong { font-size:16px; }
.leval-install p { margin:6px 0 14px; font-size:13px; }
.leval-install__actions { display:flex; gap:10px; flex-wrap:wrap; }
.leval-install button { cursor:pointer; padding:9px 13px; border-radius:7px; border:1px solid #d8dfec; background:var(--panel,var(--card,#fff)); color:var(--text,#1b2d5c); font:inherit; }
.leval-install [data-install-confirm] { background:#f15a22; border-color:#f15a22; color:#fff; }
.leval-install button:focus-visible { outline:3px solid #f15a22; outline-offset:3px; }
.leval-install button:disabled { opacity:.65; cursor:wait; }
@media(max-width:600px) { .leval-install { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); } }