/* atrilha — Install prompt card (US-059-b). Copy neutra (sem referência confessional).
   Zero CSS inline conforme AGENTS.md. Tokens de design de app.css/estudo-tokens.css. */
.install-prompt {
    width: min(92vw, 420px);
    margin: 12px auto 0;
}
.install-prompt[x-cloak] { display: none; }
.install-prompt__card {
    background: var(--color-surface, #ffffff);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.install-prompt__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-text, #1a1a1a);
}
.install-prompt__text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--color-text-muted, #555);
}
.install-prompt__actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}
.install-prompt__btn {
    border: none;
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}
.install-prompt__btn--primary {
    background: var(--color-primary, #0d7a5f);
    color: #ffffff;
}
.install-prompt__btn--ghost {
    background: transparent;
    color: var(--color-text-muted, #555);
}

/* US-059-c: bloco iOS (instrução visual). */
.install-prompt__card--ios {
    gap: 16px;
}
.install-prompt__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.install-prompt__step {
    display: flex;
    align-items: center;
    gap: 12px;
}
.install-prompt__step-icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary, #0d7a5f);
    color: #ffffff;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: 700;
}
.install-prompt__step-text {
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--color-text, #1a1a1a);
}