/* Module compte : feuille « Mon compte » (public/js/compte.js). Couleurs et polices : variables de la charte uniquement. */
.cpt-entry{display:flex}
.cpt-entry .btn{width:100%;justify-content:center}
.cpt-sec{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.cpt-sec h3{font-family:var(--font-display);font-size:1.05rem;margin:0}
.cpt-form{display:flex;flex-direction:column;gap:8px}
.cpt-line{flex-wrap:nowrap}
.cpt-line input{flex:1;min-width:0}
.cpt-p{margin:0}
.cpt-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}
.cpt-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.cpt-danger h3{color:var(--danger)}
.btn.cpt-btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.btn.cpt-btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}