/* Alure · Minha conta */
.conta-wrap { max-width: 760px; margin: 0 auto; padding: clamp(1.6rem, 5vw, 3.4rem) 1rem 4rem; }
.conta-card { background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: clamp(1.4rem, 4vw, 2.4rem); display: grid; gap: 1.1rem; }
.conta-login { max-width: 520px; margin: 0 auto; text-align: center; }
.conta-google { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; background: var(--white); color: var(--ink); border: 1px solid var(--line); min-height: 52px; font-weight: 600; box-shadow: 0 2px 10px rgba(20, 24, 29, .06); }
.conta-google:hover { border-color: var(--ink); }
.conta-muted { color: var(--muted); margin: 0; }
.conta-head { display: flex; align-items: center; gap: 1rem; }
.conta-avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: var(--sand); display: grid; place-items: center; flex: none; }
.conta-avatar img { width: 100%; height: 100%; object-fit: cover; }
.conta-actions { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: space-between; align-items: center; }
.conta-link { background: none; border: 0; padding: .4rem 0; color: var(--muted); text-decoration: underline; cursor: pointer; font: inherit; }
.conta-ok { background: #eef5ef; color: #1f6b3b; border-radius: 10px; padding: .8rem 1rem; margin: 0; font-weight: 600; }
.conta-warn { background: #fbf4e8; color: #7a5a22; border-radius: 10px; padding: .8rem 1rem; margin: 0; }
.conta-app-cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #0b1626; color: #f7f5f1; border-radius: 16px; padding: 1.2rem 1.4rem; margin-bottom: 1.2rem; text-decoration: none; }
.conta-app-cta b { display: block; font-size: 1.1rem; }
.conta-app-cta small { color: #c9ad82; }
.conta-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 140%); background: var(--ink); color: var(--white); padding: .8rem 1.2rem; border-radius: 12px; font-weight: 600; transition: transform .25s; z-index: 99; }
.conta-toast.on, .conta-toast.is-on, .conta-toast.show { transform: translate(-50%, 0); }
.cad__check { display: flex; gap: .75rem; align-items: flex-start; font-size: .92rem; color: #3a4048; cursor: pointer; }
.cad__check input { width: 20px; height: 20px; flex: none; margin: .15rem 0 0; accent-color: var(--ink); }
.cad__title { margin: 0; }
.conta-card [hidden] { display: none !important; }
.conta-card .field input, .conta-card .field select { width: 100%; }
.conta-card .is-invalid input, .conta-card .is-invalid select { border-color: #b4483c; }