/* Cash4DS — primeiro acesso conversacional.
 * Escopo intencionalmente restrito às telas de onboarding.
 */
.c4-first-step {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:28px;
    padding:5px 10px;
    border:1px solid rgba(166,138,100,.18);
    border-radius:999px;
    background:rgba(166,138,100,.07);
    color:#8a6d49;
    font-size:10px;
    font-weight:600;
    letter-spacing:.02em;
    line-height:1;
}
.c4-first-step svg { width:14px; height:14px; stroke-width:1.7; }

.c4-conversation-copy {
    width:100%;
    max-width:320px;
    margin-inline:auto;
    color:#71717a;
    font-size:13px;
    line-height:1.65;
    text-align:center;
}
.c4-conversation-copy strong {
    color:#3f3f46;
    font-weight:600;
}
#view-onboarding #onboarding-name {
    min-height:52px;
    padding:13px 16px;
    border-width:1px;
    border-color:#d4d4d8;
    border-radius:13px;
    background:#fff;
    color:#6f5435;
    font-size:16px;
    font-weight:600;
    box-shadow:none;
}
#view-onboarding #onboarding-name:focus {
    border-width:1px;
    border-color:#a68a64;
    box-shadow:none;
    outline:none;
}

#view-security-intro .c4-security-summary {
    width:100%;
    max-width:320px;
    margin-inline:auto;
    display:grid;
    gap:10px;
}
#view-security-intro .c4-security-row {
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border:1px solid rgba(166,138,100,.18);
    border-radius:16px;
    background:rgba(255,255,255,.62);
    text-align:left;
}
#view-security-intro .c4-security-row-icon {
    width:38px;
    height:38px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:rgba(166,138,100,.10);
    color:#a68a64;
}
#view-security-intro .c4-security-row-icon svg {
    width:19px;
    height:19px;
    stroke-width:1.7;
}
#view-security-intro .c4-security-row-title {
    color:#3f3f46;
    font-size:12px;
    font-weight:600;
}
#view-security-intro .c4-security-row-text {
    margin-top:2px;
    color:#a1a1aa;
    font-size:10.5px;
    line-height:1.35;
}

#view-pin #pin-first-access-step {
    margin:0 auto 12px;
}
#view-biometric-signup .c4-auth-heading {
    max-width:340px;
}
#view-biometric-signup .c4-conversation-copy {
    margin-top:10px;
}
#view-welcome-final .c4-welcome-scroll {
    width:100%;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:0 0 132px;
    scrollbar-width:none;
}
#view-welcome-final .c4-welcome-scroll::-webkit-scrollbar { display:none; }
#view-welcome-final .c4-welcome-note {
    width:100%;
    max-width:320px;
    margin:14px auto 0;
    padding:14px 16px;
    border:1px solid rgba(166,138,100,.18);
    border-radius:18px;
    background:rgba(166,138,100,.055);
}
#view-welcome-final .c4-welcome-signature {
    margin-top:14px;
    color:#8a6d49;
    font-size:11px;
    font-weight:600;
    letter-spacing:.03em;
}

html.dark .c4-first-step {
    border-color:rgba(197,168,128,.20);
    background:rgba(197,168,128,.08);
    color:#c5a880;
}
html.dark .c4-conversation-copy { color:#a1a1aa; }
html.dark .c4-conversation-copy strong { color:#e4e4e7; }
html.dark #view-onboarding #onboarding-name {
    border-color:#3f3f46;
    background:#18181b;
    color:#e9d5b8;
}
html.dark #view-security-intro .c4-security-row {
    border-color:rgba(197,168,128,.18);
    background:rgba(24,24,27,.66);
}
html.dark #view-security-intro .c4-security-row-icon {
    background:rgba(197,168,128,.10);
    color:#c5a880;
}
html.dark #view-security-intro .c4-security-row-title { color:#e4e4e7; }
html.dark #view-security-intro .c4-security-row-text { color:#71717a; }
html.dark #view-welcome-final .c4-welcome-note {
    border-color:rgba(197,168,128,.18);
    background:rgba(197,168,128,.06);
}

@media (max-height:700px) {
    #view-security-intro .c4-auth-heading,
    #view-welcome-final .c4-auth-heading {
        margin-top:3rem !important;
    }
    #view-security-intro .c4-security-row {
        padding:10px 12px;
    }
    #view-welcome-final .c4-conversation-copy {
        font-size:12px;
        line-height:1.55;
    }
}
@media (prefers-reduced-motion:reduce) {
    #view-onboarding *,
    #view-security-intro *,
    #view-biometric-signup *,
    #view-welcome-final * {
        animation:none !important;
        transition:none !important;
    }
}