/* A quiet invitation below the settings; never an automatic popup. */
.install-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:3px}
.install-icon{width:48px;height:48px;border-radius:11px}
.install-copy{min-width:0}
.install-copy h2{font-size:.875rem;line-height:1.35;text-transform:none;letter-spacing:0;margin:0}
.install-copy p{margin:5px 0 0;font-size:.75rem;line-height:1.4;color:var(--muted)}
.install-card #install-app{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;max-width:290px;border:1px solid var(--text);border-radius:2px;padding:10px 13px;background:var(--text);color:var(--surface);font-size:.8125rem;font-weight:650;line-height:1.4;text-align:left}
.install-card #install-app svg{flex-shrink:0}
.install-card #install-app:hover{background:var(--surface);color:var(--text)}
html[data-display-mode=standalone] .install-card{display:none}
@media(display-mode:standalone){.install-card{display:none}}
.install-dialog{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--text);border-radius:6px;background:var(--surface);color:var(--text)}
.install-dialog::backdrop{background:#102e3566}
.install-dialog .dialog-heading{margin-bottom:10px}
.install-dialog .dialog-heading h2{font-size:1.125rem;line-height:1.35}
.install-intro{font-size:.875rem;line-height:1.55;margin:0 0 18px;color:var(--muted)}
.install-dialog h3{margin:16px 0 10px;font-size:.875rem}
.install-dialog section+section{border-top:1px solid var(--line);margin-top:18px}
.install-steps{list-style:none;padding:0;margin:0;counter-reset:step}
.install-steps li{display:grid;grid-template-columns:20px 24px minmax(0,1fr);gap:9px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:.875rem;line-height:1.55;counter-increment:step}
.install-steps li:before{content:counter(step);font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.install-step-symbol{font-size:1.375rem;text-align:center;line-height:1}
.install-note{font-size:.75rem;line-height:1.5;color:var(--muted);margin:12px 0 0}
html[data-skin=miami] :is(.install-card,.install-dialog){border-radius:12px}
html[data-skin=miami] .install-card #install-app{border-radius:7px}
@media(max-width:619px){
 .install-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px;margin:14px 0}
 .install-icon{width:42px;height:42px;border-radius:10px}
 .install-card #install-app{grid-column:1/-1;width:100%;max-width:none;justify-content:space-between}
 .install-dialog{padding:17px}
}