/* pwa.css - карточка «Установить как приложение» и переключатель push (ТЗ 1.4, 3.15). Токены и классы дизайна v4. */
.pf-pwa-install{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 46px 16px 16px;margin:0 0 18px;background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #16251f0a}
.pf-pwa-install.is-compact{padding-right:16px;margin-bottom:14px}
.pf-pwa-icon{width:46px;height:46px;border-radius:13px;flex:none;object-fit:cover}
.pf-pwa-body{min-width:0;flex:1}
.pf-pwa-body b{display:block;font-size:14.5px;letter-spacing:-.2px;line-height:1.3}
.pf-pwa-body p{margin:5px 0 10px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pf-pwa-body .button{margin-top:2px}
.pf-pwa-close{position:absolute;top:10px;right:10px;width:30px;height:30px;color:var(--muted)}
.pf-pwa-steps{margin:0;padding:0;list-style:none;display:grid;gap:7px;counter-reset:pwa}
.pf-pwa-steps li{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.45;counter-increment:pwa}
.pf-pwa-steps li::before{content:counter(pwa);flex:none;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;margin-top:1px}
.pf-pwa-push{padding:18px 20px;margin:0 0 14px}
.pf-pwa-push .section-label{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.pf-pwa-push .pf-check{align-items:flex-start}
.pf-pwa-push .pf-check span{display:flex;flex-direction:column;gap:3px}
.pf-pwa-push .pf-check small{font-size:12px;color:var(--muted);line-height:1.45}
.pf-pwa-push input:disabled+span{opacity:.75}
.pf-pwa-row{display:grid;gap:0;margin:0 0 18px;max-width:560px}
.pf-pwa-menu{display:block;margin:14px auto 0;background:none;border:0;cursor:pointer;font-size:13px;color:var(--blue);font-weight:700}
.pf-pwa-menu svg{vertical-align:-2px}
.pf-pwa-dialog .section-label{margin-bottom:12px}
.pf-pwa-dialog .pf-pwa-install{margin:0;box-shadow:none}
@media (max-width:740px){.pf-pwa-install{padding:14px 42px 14px 14px;border-radius:18px}.pf-pwa-icon{width:40px;height:40px;border-radius:11px}.pf-pwa-push{padding:16px}}
/* шаги установки свёрнуты - карточка в кабинете на телефоне компактная (QA 07.11 BUG-104) */
.pf-pwa-how summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--blue);list-style:none;display:inline-flex;align-items:center;gap:6px}
.pf-pwa-how summary::-webkit-details-marker{display:none}
.pf-pwa-how summary::after{content:'';width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.pf-pwa-how[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.pf-pwa-how .pf-pwa-steps{margin-top:10px}
@media (max-width:740px){.pf-pwa-body p{margin-bottom:8px}}